/*!*************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/res/skye-vw.css ***! \*************************************************************************************************************************************************************************/ :root { --icon-font: z-icons; --input-icon-horizontal-left-position: 1rem; --input-icon-horizontal-right-position: auto; --input-icon-size: 1.8rem; --tooltip-shadow: 0 3px 10px rgba(0, 0, 0, 0.17); --color-validation: #d0021b; --color-button-label: var(--color-zurichBlue); --color-recommended-border: #8aacd0; --color-reference-box: inherit; --color-info-icon: --brand-primary; --table-border-width: 0 !important; --table-cell-padding: 0 !important; --shadow: var(--tooltip-shadow); --surface-color-100: #f5f5f5; } :root { --button-bezel-x: 24px; --button-bezel-y: 12px; --button-bezel-y-mobile: 14px; --button-border: 2px solid var(--themeAtom-borderColor); --button-border-width: 2px; --button-border-radius: 28px; --button-disabled-opacity: 0.5; --button-inline-icon-bezel-x: 8px; --button-letter-spacing: 0.2px; --button-loading-borderColor: var(--themeAtom-borderColor); --button-min-height: 56px; --button-min-height-mobile: 56px; --button-min-width: inherit; --button-secondary-brand-background: var(--themeAtom-background); --button-secondary-brand-border: var(--themeAtom-borderColor); --button-secondary-brand-color: var(--themeAtom-text); --button-secondary-brand-focus-background: var(--themeAtom-backgroundFocus); --button-secondary-brand-focus-border: var(--themeAtom-borderColorFocus); --button-secondary-brand-focus-color: var(--themeAtom-textFocus); --button-secondary-brand-hover-background: var(--themeAtom-backgroundHover); --button-secondary-brand-hover-border: var(--themeAtom-borderColorHover); --button-secondary-brand-hover-color: var(--themeAtom-textHover); --button-transition: all 250ms; --cta-box-icon-right: var(--size-icon-inline); --cta-box-border: 1px solid var(--layout-border); --cta-box-border-color-active: var(--layout-border); --cta-box-border-color-hover: var(--layout-border); --cta-box-glossary-icon-size: 18px; --cta-box-compact-icon-top: var(--size-icon-size--small); --cta-box-content-margin-top: var(--size-small); --cta-box-rating-icon-font-size: 28px; --icon-font: z-icons; --icon-size-inline: 20px; --icon-size-inline-large: 24px; --icon-size-inline-small: 18px; --icon-size-inline-x-large: 28px; --form-checkbox-background-color: var(--forms-inputBoxBackground); --form-checkbox-border-color: var(--forms-inputBorder); --form-checkbox-color: var(--text-default); --form-checkbox-padding: 0; --form-checkbox-radio-padding-left: var(--size-form-select-bezel--right); --form-checkbox-radio-padding-left-mobile: var(--size-cell-bezel); --form-checkbox-radio-size: 24px; --form-checkbox-radio-size-mobile: 20px; --form-checkbox-radio-top: 2px; --form-field-border: 2px; --form-input-disabled-icon: var(--icon-z-lock-close-outline); --form-input-error-border-color: var(--feedback-negativePrimary); --form-input-error-after-content: none; --form-radio-padding: 0; --form-select-icon-size: calc(var(--size-form-input-icon-small-width) - 4px); --image-badge-background-no-theme: var(--layout-border); --image-badge-color-no-theme: var(--text-default); --image-badge-size: var(--size-large); --logo: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTcyLjg3OSIgaGVpZ2h0PSIxMzguMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMyODYzOWUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTY5LjA2MSAwQzMwLjkyNiAwIC4wMDggMzAuOTExIDAgNjkuMDV2LjAzNmMuMDA0IDE1Ljc0MiA1LjI3OSAzMC4yNDIgMTQuMTQ3IDQxLjg1M2w1Ny40MDgtNzUuNDQyLTYuMTc5LjAxLTYuMTI5LS4wMWMtNi41NSAwLTEyLjY5Mi40NjUtMTcuMTMxIDEuMzI3LTIuNjkxLjUzLTUuMDg0IDEuNDkzLTcuMDM1IDIuODc1LTIuMjkgMS42MDUtNS4xNTggNS4wMTItNy4wMzUgOC4zNjEtLjIxMy4zOS0uNTMzLjk2LS45MzMgMS43OTJsLTMuMzUzLS43NjQgNS42My0yMS42NjRoNzEuOTEzbC01Ny4xNDQgNzYuNDAyYzMuNzEzLS4zMjkgNS4yMDItLjQxNCA4LjIxNi0uNDE0IDIuMzE4IDAgNS44MzcuMTUgMTAuNTQuNDI1bDEwLjE1NC42MjhjMy42NTEuMjA3IDYuNzQ2LjMxNSA5LjA5OC4zMTUgNS4yMzMgMCA4LjYzNi0uNDA3IDEyLjAyLTEuNDQyYTI3Ljc0NiAyNy43NDYgMCAwMDcuMzkxLTMuNTZjNC4wMTEtMi43ODMgNy45MTQtNy4yMjEgMTAuMjQ5LTExLjY4NC4yMjMtLjQ0OC41OTctMS4xNCAxLjAxOC0yLjA1M2wzLjA1Ny43NzdjLS45OTQgMy43ODctMS41MTcgNS4yMzctMy4wMzQgOC42MTktMy4wNzEgNi44NTktNi41MzkgMTEuNDU0LTExLjMgMTQuOTczLTQuOSAzLjYyOC0xMC4zMTcgNS40MDYtMTYuNzI3IDUuNTExbC0uOTc3LjAxMWMtNC43NDUgMC04LjQxMy0uMzk4LTE5Ljc4MS0yLjEzMi0xMS41NTktMS43ODEtMTcuNDQ3LTIuMzg5LTIzLjI1My0yLjM4OS0zLjg4OSAwLTcuNTAzLjI5NS0xMS4yNS45MTMtNC45NjEuNzgzLTYuOTA2IDEuMzY0LTExLjQwOSAzLjQxNyAxMi42MSAxMy43NTEgMzAuNzUyIDIyLjM5NSA1MC44OSAyMi4zOTUgMzguMTM3IDAgNjkuMDYyLTMwLjkyMyA2OS4wNjItNjkuMDdDMTM4LjEyMyAzMC45MTkgMTA3LjE5OCAwIDY5LjA2MSAwTTQyNC42NDUgNDcuOTUyYy4wMTctNC40OTYuMTMyLTUuNzI4LjcwMy03LjU1NGE5LjY0NSA5LjY0NSAwIDAxLjk3MS0yLjA5NGMuNjg1LTEuMTQgMS4xOC0xLjY4NiAyLjUyLTIuODA2aC0yMS41OTZjMS4zOTggMS4yMDggMS44NiAxLjcgMi41MDQgMi42NTcuNDMyLjcwNi43OTggMS40MzIgMS4wMzkgMi4xOTkuNDk1IDEuNjIyLjY2NSAzLjI0NC43MDUgNy4yNDIgMCAyLjA0OS4wMTEgMy40LjAxMSA0LjA1OXY0MC4yODJjMCAyLjM2OC0uNDIxIDQuODc5LTEuMDU4IDYuNTE4YTkuMzQ4IDkuMzQ4IDAgMDEtMS4wNzcgMS45NThjLS41MDIuNzQtLjg2NSAxLjE0OC0yLjA1MiAyLjM3MmgyMS4zNTVjLTEuMDUyLS45MDYtMS40MjktMS4zMjctMi4wNy0yLjM3MmE5LjY3OCA5LjY3OCAwIDAxLTEuMDczLTIuMDUzYy0uNTczLTEuNTI3LS45MDYtMy43OC0uOTA2LTUuOTAxVjUxLjkwMmwuMDI0LTMuOTVNNTY4LjQxNiA0Ny45MjhjMC0yLjk4OS4yMjgtNS4yNjYuNzQtNy4xMjkuMjM4LS44NjIuNjA4LTEuNjk3IDEuMDY2LTIuNDgxLjcwMy0xLjE1MSAxLjIyOC0xLjcgMi42NTctMi44MmgtMjEuOTUzYzEuMjcyIDEuMDYyIDEuNzExIDEuNTQxIDIuNDYxIDIuNzM1LjQ4MS43NzcuODUxIDEuNTc4IDEuMTE2IDIuMzQ1LjUxMyAxLjU4OC43MiAzLjU1Ny43MiA3LjA3NnYxNi4zNDNoLTMwLjE0OVY1MS43MjljMC0zLjcyNi4wMjQtNi4xNTYuMTgtNy45ODUuMDg1LTEuMDkzLjI2Mi0yLjA3LjU0My0yLjkyMi40NTgtMS40NDggMS42ODktMy40NTQgMi43ODItNC41OTguMTQ3LS4xNjMuNDI1LS40MTcuNzQ0LS43MjZINTA3Ljc2YzEuMjkzIDEuMzI3IDEuNjQgMS43MzQgMi4yMTMgMi41OTNhOS43OCA5Ljc4IDAgMDExLjE2NyAyLjI3N2MuNTYgMS43MDMuNjY1IDIuNjM2LjczIDcuMTE5bC4wNzIgNC4yNTl2MzYuODQ4YzAgMy43MzItLjA3MiA1LjM3Mi0uMjczIDcuMDg1LS4xMjIuODY5LS4zNTUgMS43NTgtLjY2OCAyLjY3NS0uNTYgMS40NDktMS4zMyAyLjU4NS0yLjU5OSAzLjc1OS0uMTUzLjE1Ny0uMzk4LjM3LS43MzcuNjcyaDIxLjMwOGMtLjkzLS45Ni0xLjI0OC0xLjM2Ny0xLjgwOS0yLjIyYTE0LjgwMiAxNC44MDIgMCAwMS0xLjA3OS0yLjA4NmMtLjY3OS0xLjc4Mi0uODkyLTMuMDQ3LS45ODctNS45MDVhMzM2LjE4NSAzMzYuMTg1IDAgMDEtLjAyNC00LjAxNFY3Mi4yNTNoMzAuMTQ5djE2LjQyMmMwIDMuNjI4LS4wMzggNC45NTEtLjMwNiA2LjgzOC0uMTA4IDEuMDE4LS4zNCAyLjAwMy0uNzIgMi45MDgtLjQ4OCAxLjI2LTEuMjU4IDIuNDA2LTIuNDE5IDMuNTI2LS4yMDEuMTczLS40ODUuNDc1LS45MjYuODM4aDIxLjQ5NWMtLjg4Ni0uODc5LTEuMjE5LTEuMjU5LTEuNzk2LTIuMDhhMTAuNzM3IDEwLjczNyAwIDAxLTEuMjQ4LTIuMjA5Yy0uNjU5LTEuNTkyLS44MDktMi43NjYtLjg4Ny02LjA4OC0uMDQtMS45NzgtLjA1MS0zLjEyOS0uMDUxLTMuNDg1bC4wNTEtMzcuMDIxdi0zLjk3NE0zNzAuODEzIDY1LjEzNGMtMi4zOTkgMS40MDgtNC44NjMgMi4yMDktOC40NyAyLjcyNC0xLjM3MS4yMTQtMi41NjYuMzI0LTMuNTE2LjMyNC0uMzQgMC0uNTc3LS4wMTEtMS4wOTItLjA1MlY0My4yMjVjLjg1OC0uMDI0IDEuMTgtLjAyNCAxLjc2LS4wMjQgMy4yOTYgMCA2LjUyLjM4NyA5LjA0NCAxLjEwN2ExMi4zMyAxMi4zMyAwIDAxNC41NzggMi40MzZjMi4yNzEgMS45NDEgMy40NjUgNC43NTUgMy40NjUgOC4yNjMgMCAzLjA1NS0uODg2IDUuNjQ3LTIuNjMgNy42MDItLjgxOC45MzMtMS44ODMgMS43NzItMy4xMzkgMi41MjV6bTI1LjY5NiAzMi45ODljLTIuMzY4LTIuMjU0LTQuNDg2LTQuMzk1LTcuNjIyLTcuODE5YTE4NS44MDMgMTg1LjgwMyAwIDAxLTQuOTEtNS40NzFsLTEwLjQ1Mi0xMi4zMDVjMS4yODktLjM4IDEuODE5LS41NjMgMi45NzktMS4wMjggMy4zOTgtMS4zNDEgNS45NzctMi44MyA4LjMwMS00Ljc5NSAyLjY2NC0yLjI0MyA0LjMtNC42NDMgNS4yOTQtNy42NzdhMTYuMTYgMTYuMTYgMCAwMC44MjgtNS4xODVjMC00LjEzNi0xLjUzLTcuODktNC41NDQtMTEuMDMyLTIuNzctMi45MDUtNi42MTQtNS4wNDMtMTAuOTM1LTYuMDcxLTMuMDE2LS42OTYtNi4xNDgtMS4wMjItMTEuNDk3LTEuMTY0YTI0OC4wNCAyNDguMDQgMCAwMC02LjI0NC0uMDc4aC0xNy4zNjFjMS4xNjcgMS4wODYgMS42MDEgMS41NjQgMi4yNDMgMi41MzUuNTA2Ljc3NC45MzcgMS42MDUgMS4xOTQgMi40NS40NTIgMS41MTcuNjM4IDMuNjA0LjYzOCA3LjE3MXY0NC4xNWMwIDMuMTc5LS4yIDUuMDI5LS43NDMgNi41MTVhMTAuMTgyIDEwLjE4MiAwIDAxLTEuMTYgMi4xMjhjLS42MzIuNzk0LTEuMDE5IDEuMjAxLTIuMjc0IDIuMzM4aDIxLjM5M2MtLjk3MS0xLjAzNS0xLjI2Ni0xLjM2Ny0xLjg2LTIuMTg4YTkuMTU0IDkuMTU0IDAgMDEtMS4xNC0yLjA1NGMtLjU3Ny0xLjQ4OS0uODQ1LTMuMDk4LS44NTItNi4yMTdhMTAxLjYgMTAxLjYgMCAwMS0uMDUtMy4zN1Y3My44MjFsMTIuNDcgMTQuOTQ2Yy41ODEuNzA5IDEuNTIxIDEuNzg4IDIuNzc3IDMuMjYgMS40NjUgMS42MzMgMi41NTEgMi44NTggMy4zMDggMy42MTggMi40MDMgMi40NzggNC42ODcgNC4zIDYuOTQgNS41MjUgMS45NTUgMS4wMzUgMy43NzQgMS40NzMgNi42NzUgMS41NzEgMS4xLjAzNCAyLjI3NC4wNDQgMy41MDUuMDQ0aDguNDQxYy0xLjExNC0uODg5LTEuNTkyLTEuMjY4LTIuNDU3LTIuMDIyYTcyLjI5NCA3Mi4yOTQgMCAwMS0yLjg4NS0yLjY0ek00ODkuMjAxIDkzLjA2MmMtNC4wNDYgMS43MDgtNy43NTEgMi40OTUtMTEuNzQ1IDIuNDk1LTYuOTYxIDAtMTIuOTE2LTIuNDg0LTE3LjMzMS03LjIzOS00LjM2OC00LjcxNi02LjY5OS0xMS4yNTMtNi42OTktMTguNjQ3IDAtNy4wNDUgMi4xNzktMTMuNTk0IDYuMDcxLTE4LjE1NSAxLjY4My0xLjk5MyAzLjczNy0zLjY2NSA2LjA5MS00Ljk4NiAzLjgxMi0yLjEyNCA4LjIzMy0zLjIzNCAxMy4wMjgtMy4yMzQgNC4xIDAgOC4wNzQuODA1IDEyLjA4MSAyLjQzIDIuNDkyIDEuMDE4IDMuMzk3IDEuNTIxIDUuNTM2IDMuMDQxVjM2LjExMmMtMS42NTQtLjUzNi0yLjMxNS0uNzE5LTQuMDgzLTEuMTAzLTMuODk2LS44MTgtNy42MjMtMS4xOTEtMTEuODU0LTEuMTkxLTcuMjI4IDAtMTMuNDc5IDEuMTY0LTE5LjE2NyAzLjU3NGEzOC43MzcgMzguNzM3IDAgMDAtOS4yNTQgNS40ODNjLTguMjkxIDYuNjgyLTEyLjgwNCAxNi4zNDgtMTIuODA0IDI3LjUwMiAwIDEwLjgxOCA0LjM1MSAyMC4xNjggMTIuMjg5IDI2LjQ0NiA2LjU1NSA1LjE3NSAxNC45OTYgNy43ODEgMjUuMTM1IDcuNzgxIDYuMzI5IDAgMTIuMjQ3LS45NDMgMTguODg1LTMuMDEzLjI1Mi0uMDc0LjYxOC0uMTk2IDEuMDk3LS4zNXYtMTIuMjJjLTEuNjIyIDEuMDY5LTIuMTY5IDEuNDE4LTMuMTM2IDEuOTg5YTM2LjU4OCAzNi41ODggMCAwMS00LjE0IDIuMDUyTTMxMC4yOTYgMzguMTExYy40MjQuNzE2Ljc3NiAxLjQ4Ni45OTQgMi4yODcuNDcyIDEuNjI2LjU5NCAzLjI2NS41OTQgNy4wNDV2MjUuNTgxYzAgNS40OTctLjE1NiA4Ljc1MS0uNTcgMTEuNDI5YTEzLjY1OCAxMy42NTggMCAwMS0xLjcyOCA0LjkzNWMtMS42MzYgMi43MzgtNC42NzMgNC44NDItOC4yNjcgNS43NjEtMS40NjIuMzU3LTMuMDU3LjU0Ny00Ljc4MS41NDctNS43NzIgMC0xMC43My0yLjE2Mi0xMy4xMzktNS42OTgtMS44NTMtMi43NDgtMi4zNjMtNS4zNjEtMi40NDctMTIuMjc3bC0uMDQ1LTUuNTQ5VjUxLjg4NWMwLTMuOTMzLjAxNy01LjgwMi4xNi03LjgwOC4wNjQtMS4yMDIuMjM3LTIuMjQ0LjQ5Mi0zLjA4OC40NjgtMS41NDggMS42MTUtMy42MDggMi42OTEtNC44NzcuMTUzLS4xMzkuMzEzLS4zMjIuNTczLS41OTdoLTIxLjg3MWMxLjM0NCAxLjEyIDEuNzc1IDEuNjMyIDIuNDM3IDIuNzI1YTguNjcgOC42NyAwIDAxLjk1IDIuMzM4Yy4yNjggMS4wMTguNDI4IDIuMDYuNDYxIDMuMTAyLjAwNy42NTguMDIxIDIuMDUzLjAyNCA0LjE3MWwuMDM0IDMuODk1djE5LjI3M2MwIDcuMTU2LjAyNyA4Ljk2OC4yNjggMTEuODQyLjM5MSA0LjkxOCAxLjg3IDguODQxIDQuNzE0IDEyLjQwNSA1LjA5NCA2LjQwNiAxMy4yODYgOS43NjIgMjMuNzMxIDkuNzYyIDQuOTkyIDAgOS44MjgtLjc1OSAxMy41MTctMi4xMzEgMy44NzktMS40MzkgNy40NTUtMy44MzcgMTAuMDE4LTYuNjc4IDMuMTExLTMuNDg5IDQuOS03Ljc3OSA1LjQyMi0xMy4wNzUuMzQzLTMuMDc5LjQ2OC02Ljc0NC40NjgtMTIuMDE0VjUxLjc3N2wtLjA1My0zLjg0MnYtLjc1N2MwLTIuODk0LjE1OS00LjU4MS41NzMtNi4xNDJhOS4zNDkgOS4zNDkgMCAwMTEuMTY0LTIuNzE4Yy43MTMtMS4xNDcgMS4yMTgtMS42NzYgMi42MzctMi44MDNoLTIxLjQ1MWMxLjMwMyAxLjAzMSAxLjc1NyAxLjUxNyAyLjQzIDIuNTk2TTIzNi41MiA5My4zMjdjLTIuOTg3LjU0Ny02LjM3Ljg1Mi0xMC41NjQuOTU0LTEuNDE1LjA0MS0zLjE4Ny4wNDEtNS4zODMuMDQxaC0xMC4zMDlsNDAuNzktNTguODI0aC01Mi45MTZsLTYuNDk4IDE0LjM2MWMyLjE3NS0xLjE1NyAzLjA0LTEuNTYxIDQuOTE0LTIuMzIxYTQ5LjQ1IDQ5LjQ1IDAgMDE5LjUxOS0yLjY5MWMyLjc3OS0uNDc1IDUuMzM4LS42OTYgOS40ODUtLjgxOCAxLjg2My0uMDYxIDMuNjE0LS4wOTUgNS4yMjktLjA5NWg3LjgyNmwtNDEuMTY4IDU4Ljg1MWg1OC4xOTNsNi43Mi0xNS4zNDZjLTIuMzM5IDEuMzQ0LTMuMTY3IDEuNzcyLTQuOTQ1IDIuNTg2YTQzLjUxMSA0My41MTEgMCAwMS0xMC44OTMgMy4zMDIiLz48L2c+PC9zdmc+); --logo-mobile: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9IjIwNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAzLjExMy40NDVDNDYuMzQyLjQ0NS4zNzUgNDYuNDg1LjM3NSAxMDMuMTgzYzAgMjMuNDE5IDcuODMxIDQ1LjAyNCAyMS4wMjYgNjIuMzUzTDEwNi44MTEgNTMuM0g4OC41NGMtOS43MTYgMC0xOC44NTEuNjUzLTI1LjQ0OSAxLjk1OC0zLjk4OC43OTctNy41NDEgMi4yNDctMTAuNDQgNC4yNzgtMy40MDggMi4zOTItNy42ODYgNy40NjctMTAuNDQxIDEyLjQ3LS4yOS41OC0uNzk4IDEuNDUtMS4zNzggMi42MWwtNS4wMDItMS4wODcgOC4zMzgtMzIuMjY0aDEwNy4wMTVMNjYuMDY0IDE1NC45NWM1LjUxLS41MDcgNy43NTctLjY1MiAxMi4yNTMtLjY1MiAzLjQwNyAwIDguNjI3LjIxNyAxNS43MzMuNjUybDE1LjA4MS44N2M1LjQzOC4zNjMgMTAuMDA1LjUwOCAxMy40ODYuNTA4IDcuODMgMCAxMi45MDUtLjU4IDE3LjkwOC0yLjE3NSAzLjkxNS0xLjIzMyA3LjYxMi0yLjk3MyAxMS4wMjEtNS4yOTMgNi4wMTctNC4xMzMgMTEuNzQ1LTEwLjczMSAxNS4yMjUtMTcuNDAxLjM2Mi0uNjUyLjg3LTEuNjY4IDEuNTIzLTMuMDQ1bDQuNDk1IDEuMTZjLTEuNDUgNS41ODMtMi4yNDcgNy43NTgtNC40OTUgMTIuODMzLTQuNTY4IDEwLjIyMy05LjcxNiAxNy4wMzgtMTYuODIyIDIyLjI1OS03LjI1IDUuMzY1LTE1LjM3IDguMDQ4LTI0Ljg2OCA4LjE5M2gtMS40NWMtNy4xMDYgMC0xMi41NDMtLjU4LTI5LjQzNy0zLjE5MS0xNy4xODMtMi42MDktMjUuOTU2LTMuNTUyLTM0LjU4NC0zLjU1Mi01LjggMC0xMS4xNjYuNDM1LTE2Ljc0OCAxLjM3Ny03LjM5NiAxLjIzMy0xMC4yOTUgMi4wMy0xNi45NjYgNS4wNzYgMTguNzc4IDIwLjUxOCA0NS43NSAzMy4zNTEgNzUuNjk0IDMzLjM1MSA1Ni43NyAwIDEwMi44MS00NS45NjcgMTAyLjgxLTEwMi44MUMyMDUuODUgNDYuNDg1IDE1OS44ODMuNDQ1IDEwMy4xMTMuNDQ1IiBmaWxsPSIjMjg2MzlFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); --logo-width-mobile: 1.5rem; --logo-width-tiny: 1.5rem; --logo-width-desktop: 125px; --layout-margin-base: 6%; --layout-margin-s-min: 4.786%; --layout-margin-m-min: 11.52%; --header-main-navigation-link-display-s: none; --header-main-navigation-link-padding-xs: 18px var(--size-base); --header-main-navigation-link-padding-s: 31px var(--size-main-navigation-bezel--tablet-x); --header-main-navigation-link-padding-m: 31px var(--size-layout-base); --header-main-navigation-link-padding-xs-is-focus: 18px var(--size-layout-base) 16px; --header-main-navigation-link-padding-s-is-focus: 31px 0.66rem 22px; --header-main-navigation-link-padding-m-is-focus: 31px var(--size-layout-base) 22px; --header-main-navigation-link-icon-size-s: 1.5rem; --header-main-navigation-link-icon-size-s-and-m: 1rem; --header-main-navigation-link-icon-margin-right-s: 0; --header-main-navigation-link-icon-margin-right-s-and-m: 0.2rem; --header-main-navigation-text-line-height: 1; --header-main-navigation-dropdown-top: 80px; --header-main-navigation-dropdown-top-s: 60px; --header-body-margin-top-s: 80px; --header-body-margin-top-secondary: 129px; --header-body-margin-top-secondary-s: 149px; --header-search-results-background: var(--layout-highlightBackground); --header-search-results-border-top: 0; --input-border-radius: 28px; --input-toggle-margin: var(--size-base); --input-toggle-border-width: 2px; --parallelogram-background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB3aWR0aD0iNTAwMHB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDUwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLDAgIDUwMCwwICA0MzgsMTAwIDAsMTAwIiBzdHlsZT0iZmlsbDogIzAwMzM5OTsgb3BhY2l0eTogMC45Ii8+PC9zdmc+); --picto-font: z-pictos; --pills-padding: 6px 12px; --pills-border-radius: 12px; --popover-close-btn-top-xs: 57px; --popover-close-btn-top-s: 59px; --rich-text-link-font-weight: 300; --rich-text-link-text-decoration: underline; --rich-text-paragraph-margin-top: var(--size-medium); --socials-background: var(--layout-footerBackground); --socials-t-brand-title: var(--text-inverted); --table-border-width: 1px; --table-border-width-header: 2px; --table-border-width-highlight: 2px; --table-border-width-footer: 2px; --table-border-collapse: collapse; --table-gutter: 0; --table-border-spacing: var(--table-gutter); --table-cell-border-style: solid; --table-cell-line-height: 1.5; --table-sortable-icon: var(--icon-z-navigation-arrow-down); --tabs-mobile-border-width: 2px; --zindex-tooltip: 1000; --zindex-negative: -1; --zindex-content-widget: 2000; --zindex-chat: 3000; --zindex-notification: 4000; --zindex-navigation: 5000; --zindex-overlay: 6000; --backgroundPlayer-height: 561; --backgroundPlayer-width: 1127; --size-line: 0.125rem; --size-table-border: 0.125rem; --size-tiny: 0.25rem; --size-after-heading-text-stack: 0.25rem; --size-form-label-stack--bottom: 0.25rem; --size-visualization-gutter--small: 0.25rem; --size-link-list-stack: 0.25rem; --size-base: 0.5rem; --size-grid: 0.5rem; --size-teaser-title-stack: 0.5rem; --size-form-input-bezel--y: 0.5rem; --size-button-inline-icon-stack: 0.5rem; --size-navigation-list-bezel--y: 0.5rem; --size-number-block-text-stack: 0.5rem; --size-tabs-link-bezel--y: 0.5rem; --size-byline-stack--bottom: 0.5rem; --size-button--bezel-y: 0.75rem; --size-cell-bezel: 0.75rem; --size-icon-size--small: 0.75rem; --size-popover-close: 0.75rem; --size-form-select-bezel--right: 0.75rem; --size-tab-bezel--y: 0.75rem; --size-footer-list-bezel-y: 0.75rem; --size-main-navigation-bezel--tablet-x: 0.75rem; --size-small: 1rem; --size-text-stack: 1rem; --size-button-stack: 1rem; --size-table-stack: 1rem; --size-list-stack: 1rem; --size-icon-inline: 1rem; --size-content-inter-headline-stack: 1rem; --size-notification-bezel: 1rem; --size-form-section-stack: 1rem; --size-content-box-header-bezel--y: 1rem; --size-page-info-bezel--y: 1rem; --size-form-input-bezel--x: 1rem; --size-form-input-item-inline: 1rem; --size-form-input-radio-button-inline--right: 1rem; --size-navigation-flyout-bezel--mobile: 1rem; --size-main-navigation-bezel--mobile-x: 1rem; --size-layout-base: 1rem; --size-tabs-link-bezel: 1rem; --size-image-teaser--bezel: 1.25rem; --size-form-input-error-bezel--y: 1.25rem; --size-form-input-icon-small-width: 1.25rem; --size-overlay--bezel: 1.25rem; --size-medium: 1.5rem; --size-header--inline: 1.5rem; --size-quote-stack--y: 1.5rem; --size-button--bezel-x: 1.5rem; --size-icon-size: 1.5rem; --size-visualization-gutter: 1.5rem; --size-box-bezel: 1.5rem; --size-content-box-bezel--mobile: 1.5rem; --size-content-image-float-inline: 1.5rem; --size-form-input-error-stack--top: 1.5rem; --size-content-image-stack: 1.5rem; --size-content-image-stack--y: 1.5rem; --size-teaser-text-stack: 1.5rem; --size-teaser-block-aside-bezel: 1.5rem; --size-image-link-stack--y: 1.5rem; --size-wizard-step--inline: 2rem; --size-text-heading-small-stack: 2rem; --size-text-heading-medium-stack: 2rem; --size-notification-bezel--x: 2rem; --size-button-stack--y: 2rem; --size-usp-block-stack--y: 2rem; --size-share-icon-stack: 2rem; --size-form-input-icon-large-width: 2rem; --size-layout-block-bezel--mobile-y: 2rem; --size-layout-gutter: 2rem; --size-navigation-flyout-bezel: 2rem; --size-navigation-tab-bezel--x: 2rem; --size-number-block-horizontal-title-bezel--right: 2rem; --size-social-icon--small: 2rem; --size-tabs-section-stack: 2rem; --size-large: 2.5rem; --size-formField--height: 2.5rem; --size-content-block-stack: 2.5rem; --size-content-box-bezel: 2.5rem; --size-content-box-header-bezel--x: 2.5rem; --size-usp-block-icon-stack: 2.5rem; --size-block-header-stack--bottom: 2.5rem; --size-social-icon: 2.5rem; --size-navigation-link-stack--bottom: 2.5rem; --size-tab-stack--bottom: 2.5rem; --size-block-title-stack--bottom: 2.5rem; --size-footer-section-bezel--bottom: 2.5rem; --size-number-block-gutter: 2.5rem; --size-number-block-horizontal-title-inline--right: 2.5rem; --size-block-body-stack--bottom: 3rem; --size-sticky-header--height: 3rem; --size-huge: 3rem; --size-giant: 4rem; --size-section--bezel: 4rem; --size-blog-bezel--y: 4rem; --size-footer--stack-top: 4rem; --size-layout-block-bezel--y: 5rem; --size-breakpoint-min-size: 15rem; --brand-primary: #2167ae; --brand-primaryDark: #23366f; --brand-secondary: #1393d1; --brand-secondaryDark: #4870c6; --brand-accent: #F69C00; --brand-info: #1393d1; --text-default: var(--brand-primaryDark, #23366f); --text-inverted: #ffffff; --text-prominent: var(--brand-primaryDark, #23366f); --text-hero: var(--brand-primaryDark, #23366f); --text-breadCrumb: #817b75; --text-info: #ffffff; --interactive-activeBackground: var(--brand-primaryDark, #23366f); --interactive-invertedLink: var(--brand-primaryDark, #23366f); --interactive-invertedLinkActive: var(--brand-secondary, #1393d1); --interactive-invertedLinkHover: var(--brand-secondary, #1393d1); --interactive-link: var(--brand-secondary, #1393d1); --interactive-linkActive: var(--brand-primary, #2167ae); --interactive-linkHover: var(--brand-primary, #2167ae); --interactive-tintHover: #F6F8F7; --interactive-tintFocus: rgba(0, 0, 0, .07); --forms-labelSecondary: #708F8F; --forms-separator: #C6D2D2; --forms-inputText: #708F8F; --forms-inputTextActive: var(--brand-primaryDark, #23366f); --forms-inputBorder: #B2CBCB; --forms-inputBorderActive: var(--brand-secondary, #1393d1); --forms-inputBoxBackground: #ffffff; --forms-inputBoxActive: var(--brand-primaryDark, #23366f); --forms-inputBackground: rgba(0, 0, 0, 0); --forms-inputDisabledBackground: #dde4e3; --forms-inputDisabledBorder: #dde4e3; --forms-inputDisabledIcon: #708F8F; --forms-inputDisabledText: #708F8F; --forms-backgroundAlternating: #F1F4F3; --forms-inputErrorBackground: var(--feedback-negativePrimary, #EA635C); --forms-inputErrorForeground: var(--text-inverted, #ffffff); --layout-background: #ffffff; --layout-border: #91bfe3; --layout-line: #dde4e3; --layout-frame: var(--text-default, #23366f); --layout-graphicDefault: var(--text-default, #23366f); --layout-graphicInverted: var(--text-inverted, #ffffff); --layout-headerBackground: #ffffff; --layout-overlayBackground: #ffffff; --layout-imageOverlayBackground: rgba(255, 255, 255, .6); --layout-footerBackground: var(--brand-primary, #2167ae); --layout-footerNavigationBackground: var(--brand-primary, #2167ae); --layout-footerNavigationAltBackground: var(--brand-primary, #2167ae); --layout-footerNavigationBorder: #eceeef; --layout-footerTextColor: var(--text-inverted, #ffffff); --layout-footerLinkColor: var(--text-inverted, #ffffff); --layout-footerLinkColorHover: #c9d0d2; --layout-footerSocialLinkColor: var(--brand-primary, #2167ae); --layout-overlayTranslucentBackground: rgba(255, 255, 255, .85); --layout-overlayDimmer: #019ADA; --layout-highlightBackground: #E0E6E5; --layout-filterBackground: #fffffe; --layout-listBackground: #F1F4F3; --layout-heroContainerBackground: #fffffe; --layout-heroBackground: #dad2bd; --layout-svgBackground: var(--layout-highlightBackground, #E0E6E5); --layout-svgGraphic: var(--text-prominent, #23366f); --layout-separator: #C6D2D2; --layout-dropAreaBackground: #ffffff; --layout-dropAreaFrame: rgba(0, 0, 0, .10); --layout-dropAreaHighlight: rgba(0, 0, 0, .17); --layout-dropArea: #F6F8F7; --layout-headerActiveBackground: #F1F4F3; --layout-specialBoxTitleBackground: #dde4e3; --layout-specialBoxTitleBackgroundSecond: var(--forms-backgroundAlternating, #F1F4F3); --layout-specialBoxTitle: var(--brand-primaryDark, #23366f); --layout-specialBoxTitleAlternate: var(--brand-primaryDark, #23366f); --asides-infoIcon: #dad2bd; --asides-infoBoxBorder: #dad2bd; --asides-infoBoxBackground: #fffffe; --asides-svgBackground: #ffffff; --asides-popoverBorder: var(--brand-primary, #2167ae); --asides-backToTop: #dde4e3; --asides-backToTopActive: #ffffff; --feedback-positivePrimary: #00BFB3; --feedback-negativePrimary: #EA635C; --feedback-negativeSecondary: #FBE0DE; --feedback-infoBackground: #5495cf; --feedback-infoForeground: var(--text-inverted, #ffffff); --feedback-warningBackground: #fff773; --feedback-warningForeground: var(--text-prominent, #23366f); --feedback-errorBackground: #ff7569; --feedback-errorForeground: var(--text-inverted, #ffffff); --feedback-highlightBackground: #eceeef; --feedback-highlightForeground: var(--text-prominent, #23366f); --charts-highlightNegative: var(--feedback-negativePrimary, #EA635C); --charts-highlightPositive: var(--feedback-positivePrimary, #00BFB3); --charts-highlightAlternative: #72A6D3; --charts-gridLine: #dad2bd; --tables-headerBackground: rgba(0, 0, 0, 0); --tables-headerIcon: var(--brand-primaryDark, #23366f); --tables-headerIconDisabled: #B2CBCB; --tables-headerText: var(--text-default, #23366f); --tables-line: var(--layout-line, #dde4e3); --tables-highlight: rgba(0, 0, 0, 0); --tables-important: rgba(0, 0, 0, 0); --tables-positive: rgba(0, 0, 0, 0); --tables-footerBorder: var(--brand-primaryDark, #23366f); --shadows-flyOut: rgba(0, 0, 0, .10); --shadows-modal: rgba(0, 0, 0, .30); --themeOrganism-background: #ffffff; --themeOrganism-backgroundAlternative: #ffffff; --themeOrganism-titleBackground: var(--layout-heroBackground, #dad2bd); --themeOrganism-titleBackgroundSecond: var(--layout-heroContainerBackground, #fffffe); --themeOrganism-title: var(--brand-primaryDark, #23366f); --themeOrganism-titleAlternate: var(--brand-primaryDark, #23366f); --themeOrganism-subtitle: var(--brand-primaryDark, #23366f); --themeOrganism-text: var(--text-default, #23366f); --themeOrganism-link: var(--interactive-link, #1393d1); --themeOrganism-linkActive: var(--interactive-linkActive, #2167ae); --themeOrganism-linkHover: var(--interactive-linkHover, #2167ae); --themeOrganism-border: #dad2bd; --themeOrganism-borderAlternative: var(--layout-dropAreaFrame, rgba(0, 0, 0, .10)); --themeOrganism-borderAlternativeHover: var(--text-default, #23366f); --themeOrganism-asideTitle: var(--brand-primaryDark, #23366f); --themeOrganism-asideLink: var(--brand-secondary, #1393d1); --themeOrganism-icon: #ffffff; --themeOrganism-iconBackground: var(--brand-primary, #2167ae); --themeOrganism-tick: var(--brand-primaryDark, #23366f); --themeOrganism-svgBackground: rgba(0, 0, 0, 0); --themeOrganism-svgGraphic: var(--text-default, #23366f); --themeOrganism-svgGraphicWithBackground: var(--text-default, #23366f); --themeMolecule-background: var(--brand-primary, #2167ae); --themeMolecule-backgroundHover: var(--brand-primaryDark, #23366f); --themeMolecule-borderHover: var(--text-default, #23366f); --themeMolecule-title: var(--brand-primaryDark, #23366f); --themeMolecule-titleHover: var(--brand-primary, #2167ae); --themeMolecule-icon: #ffffff; --themeMolecule-iconHover: #ffffff; --themeAtom-background: #ffffff; --themeAtom-backgroundHover: #f2f2f2; --themeAtom-backgroundFocus: #e6e6e6; --themeAtom-borderColor: #088487; --themeAtom-borderColorHover: #16a49f; --themeAtom-borderColorFocus: #138d89; --themeAtom-text: #088487; --themeAtom-textHover: #16a49f; --themeAtom-textFocus: #138d89; --themeAtom-playButton: #ffffff; --themeAtom-playButtonHover: var(--brand-secondary, #1393d1); --notification-errorBackground: #ffe3e1; --notification-errorForeground: #EA635C; --notification-errorText: #23366f; --notification-successBackground: #e4eee6; --notification-successForeground: #77a984; --notification-successText: #23366f; --notification-informationBackground: #dae2f4; --notification-informationForeground: #23366f; --notification-informationText: #23366f; --notification-attentionBackground: #f9e8f1; --notification-attentionForeground: #e18eba; --notification-attentionText: #23366f; --notification-warningBackground: #fffaab; --notification-warningForeground: #23366f; --notification-warningText: #23366f; --t-brand__themeOrganism-background: var(--brand-primaryDark, #23366f); --t-brand__themeOrganism-title: var(--text-inverted, #ffffff); --t-brand__themeOrganism-titleAlternate: var(--text-inverted, #ffffff); --t-brand__themeOrganism-text: var(--text-inverted, #ffffff); --t-brand__themeOrganism-link: var(--text-inverted, #ffffff); --t-brand__themeOrganism-linkActive: var(--text-inverted, #ffffff); --t-brand__themeOrganism-linkHover: var(--text-inverted, #ffffff); --t-brand__themeOrganism-border: var(--text-inverted, #ffffff); --t-brand__themeOrganism-asideTitle: var(--text-inverted, #ffffff); --t-brand__themeOrganism-asideLink: var(--text-inverted, #ffffff); --t-brand__themeOrganism-icon: #ffffff; --t-brand__themeOrganism-svgGraphic: var(--text-inverted, #ffffff); --t-brand__themeOrganism-svgGraphicWithBackground: var(--text-inverted, #ffffff); --t-brand__themeMolecule-background: var(--brand-primary, #2167ae); --t-brand__themeMolecule-backgroundHover: var(--text-inverted, #ffffff); --t-brand__themeMolecule-title: var(--text-inverted, #ffffff); --t-brand__themeMolecule-titleHover: var(--text-inverted, #ffffff); --t-brand__themeMolecule-icon: var(--text-inverted, #ffffff); --t-brand__themeMolecule-iconHover: var(--text-inverted, #ffffff); --t-brand__themeAtom-background: #088487; --t-brand__themeAtom-backgroundHover: #16a49f; --t-brand__themeAtom-backgroundFocus: #138d89; --t-brand__themeAtom-borderColor: #088487; --t-brand__themeAtom-borderColorHover: #16a49f; --t-brand__themeAtom-borderColorFocus: #138d89; --t-brand__themeAtom-text: var(--text-inverted, #ffffff); --t-brand__themeAtom-textHover: var(--text-inverted, #ffffff); --t-brand__themeAtom-textFocus: var(--text-inverted, #ffffff); --t-brand__themeAtom-playButton: var(--text-inverted, #ffffff); --t-brand__themeAtom-playButtonHover: var(--text-inverted, #ffffff); --t-brand__layout-svgGraphic: var(--text-default, #23366f); --t-alternative__themeOrganism-background: #91bfe3; --t-alternative__themeOrganism-title: var(--brand-primaryDark, #23366f); --t-alternative__themeOrganism-titleAlternate: var(--brand-primaryDark, #23366f); --t-alternative__themeOrganism-text: var(--brand-primaryDark, #23366f); --t-alternative__themeOrganism-link: var(--text-default, #23366f); --t-alternative__themeOrganism-linkActive: var(--text-default, #23366f); --t-alternative__themeOrganism-linkHover: var(--text-default, #23366f); --t-alternative__themeOrganism-asideTitle: var(--brand-primaryDark, #23366f); --t-alternative__themeOrganism-asideLink: var(--brand-primary, #2167ae); --t-alternative__themeOrganism-icon: var(--brand-primaryDark, #23366f); --t-alternative__themeOrganism-svgGraphic: var(--text-default, #23366f); --t-alternative__themeOrganism-svgGraphicWithBackground: var(--text-default, #23366f); --t-alternative__themeMolecule-background: #ffffff; --t-alternative__themeMolecule-backgroundHover: var(--brand-primaryDark, #23366f); --t-alternative__themeMolecule-title: var(--brand-primaryDark, #23366f); --t-alternative__themeMolecule-titleHover: var(--brand-primary, #2167ae); --t-alternative__themeMolecule-icon: var(--brand-primaryDark, #23366f); --t-alternative__themeMolecule-iconHover: #ffffff; --t-alternative__themeAtom-background: #2167ae; --t-alternative__themeAtom-backgroundHover: #1d5a99; --t-alternative__themeAtom-backgroundFocus: #194e83; --t-alternative__themeAtom-borderColor: var(--text-default, #23366f); --t-alternative__themeAtom-borderColorHover: var(--text-default, #23366f); --t-alternative__themeAtom-borderColorFocus: var(--text-default, #23366f); --t-alternative__themeAtom-text: var(--text-inverted, #ffffff); --t-alternative__themeAtom-textHover: var(--text-inverted, #ffffff); --t-alternative__themeAtom-textFocus: var(--text-inverted, #ffffff); --t-mellow__themeOrganism-background: #dad2bd; --t-mellow__themeOrganism-backgroundAlternative: #fffffe; --t-mellow__themeOrganism-title: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-titleAlternate: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-text: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-link: var(--interactive-link, #1393d1); --t-mellow__themeOrganism-linkActive: var(--interactive-linkActive, #2167ae); --t-mellow__themeOrganism-linkHover: var(--interactive-linkHover, #2167ae); --t-mellow__themeOrganism-border: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-asideTitle: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-asideLink: var(--brand-primary, #2167ae); --t-mellow__themeOrganism-icon: var(--brand-primaryDark, #23366f); --t-mellow__themeOrganism-svgGraphic: var(--text-default, #23366f); --t-mellow__themeOrganism-svgGraphicWithBackground: var(--text-inverted, #ffffff); --t-mellow__themeMolecule-background: #fffffe; --t-mellow__themeMolecule-backgroundHover: var(--brand-primaryDark, #23366f); --t-mellow__themeMolecule-title: var(--brand-primaryDark, #23366f); --t-mellow__themeMolecule-titleHover: var(--brand-primary, #2167ae); --t-mellow__themeMolecule-icon: var(--brand-primaryDark, #23366f); --t-mellow__themeMolecule-iconHover: #dad2bd; --t-mellow__themeAtom-background: #5495cf; --t-mellow__themeAtom-backgroundHover: #4089c9; --t-mellow__themeAtom-backgroundFocus: #357cbb; --t-mellow__themeAtom-borderColor: var(--text-inverted, #ffffff); --t-mellow__themeAtom-borderColorHover: var(--text-inverted, #ffffff); --t-mellow__themeAtom-borderColorFocus: var(--text-inverted, #ffffff); --t-mellow__themeAtom-text: var(--text-inverted, #ffffff); --t-mellow__themeAtom-textHover: var(--text-inverted, #ffffff); --t-mellow__themeAtom-textFocus: var(--text-inverted, #ffffff); --t-mellow__themeAtom-playButton: #c8bc9c; --t-mellow__themeAtom-playButtonHover: #dad2bd; --t-mellow__layout-svgBackground: var(--brand-primary, #2167ae); --t-mellow__layout-svgGraphic: var(--text-inverted, #ffffff); --t-neutral__themeOrganism-background: #eceeef; --t-neutral__themeOrganism-titleBackground: #dde4e3; --t-neutral__themeOrganism-titleBackgroundSecond: var(--forms-backgroundAlternating, #F1F4F3); --t-neutral__themeOrganism-title: var(--brand-primaryDark, #23366f); --t-neutral__themeOrganism-titleAlternate: var(--brand-primaryDark, #23366f); --t-neutral__themeOrganism-text: var(--brand-primaryDark, #23366f); --t-neutral__themeOrganism-link: var(--interactive-link, #1393d1); --t-neutral__themeOrganism-linkActive: var(--interactive-linkActive, #2167ae); --t-neutral__themeOrganism-linkHover: var(--interactive-linkHover, #2167ae); --t-neutral__themeOrganism-asideTitle: var(--brand-primaryDark, #23366f); --t-neutral__themeOrganism-asideLink: var(--brand-primary, #2167ae); --t-neutral__themeOrganism-icon: var(--brand-primaryDark, #23366f); --t-neutral__themeOrganism-svgGraphic: var(--text-default, #23366f); --t-neutral__themeOrganism-svgGraphicWithBackground: var(--text-default, #23366f); --t-neutral__themeMolecule-background: #ffffff; --t-neutral__themeMolecule-backgroundHover: var(--brand-primaryDark, #23366f); --t-neutral__themeMolecule-title: var(--brand-primaryDark, #23366f); --t-neutral__themeMolecule-titleHover: var(--brand-primary, #2167ae); --t-neutral__themeMolecule-icon: var(--brand-primaryDark, #23366f); --t-neutral__themeMolecule-iconHover: #ffffff; --t-neutral__themeAtom-background: rgba(0, 0, 0, .30); --t-neutral__themeAtom-backgroundHover: rgba(0, 0, 0, .33); --t-neutral__themeAtom-backgroundFocus: rgba(0, 0, 0, .37); --t-neutral__themeAtom-text: var(--text-inverted, #ffffff); --t-neutral__themeAtom-textHover: var(--text-inverted, #ffffff); --t-neutral__themeAtom-textFocus: var(--text-inverted, #ffffff); --t-accent__themeOrganism-background: #ff7569; --t-accent__themeOrganism-title: var(--text-inverted, #ffffff); --t-accent__themeOrganism-titleAlternate: var(--text-inverted, #ffffff); --t-accent__themeOrganism-text: var(--text-inverted, #ffffff); --t-accent__themeOrganism-link: var(--text-inverted, #ffffff); --t-accent__themeOrganism-linkActive: var(--text-inverted, #ffffff); --t-accent__themeOrganism-linkHover: var(--text-inverted, #ffffff); --t-accent__themeOrganism-border: var(--text-inverted, #ffffff); --t-accent__themeOrganism-asideTitle: var(--text-inverted, #ffffff); --t-accent__themeOrganism-asideLink: var(--text-inverted, #ffffff); --t-accent__themeOrganism-icon: #ffffff; --t-accent__themeOrganism-svgGraphic: var(--text-inverted, #ffffff); --t-accent__themeOrganism-svgGraphicWithBackground: var(--text-inverted, #ffffff); --t-accent__themeMolecule-background: #ff7569; --t-accent__themeMolecule-backgroundHover: var(--text-inverted, #ffffff); --t-accent__themeMolecule-title: var(--text-inverted, #ffffff); --t-accent__themeMolecule-titleHover: var(--text-inverted, #ffffff); --t-accent__themeMolecule-icon: var(--text-inverted, #ffffff); --t-accent__themeMolecule-iconHover: var(--text-inverted, #ffffff); --t-accent__themeAtom-background: #ff7569; --t-accent__themeAtom-backgroundHover: #ff5e50; --t-accent__themeAtom-backgroundFocus: #ff4636; --t-accent__themeAtom-borderColor: var(--text-inverted, #ffffff); --t-accent__themeAtom-borderColorHover: var(--text-inverted, #ffffff); --t-accent__themeAtom-borderColorFocus: var(--text-inverted, #ffffff); --t-accent__themeAtom-text: var(--text-inverted, #ffffff); --t-accent__themeAtom-textHover: var(--text-inverted, #ffffff); --t-accent__themeAtom-textFocus: var(--text-inverted, #ffffff); --t-accent__layout-svgGraphic: var(--text-default, #23366f); --icon-z-action-check-solid: "\e900"; --icon-z-arrow-down-solid: "\e901"; --icon-z-arrow-left-solid: "\e902"; --icon-z-arrow-max-solid: "\e903"; --icon-z-arrow-min-solid: "\e904"; --icon-z-arrow-right-solid: "\e905"; --icon-z-arrow-up-solid: "\e906"; --icon-z-close-solid: "\e907"; --icon-z-entrance-solid: "\e908"; --icon-z-future-outline: "\e909"; --icon-z-legal-outline: "\e90a"; --icon-z-legal-solid: "\e90b"; --icon-z-logout-solid: "\e90c"; --icon-z-minus-solid: "\e90d"; --icon-z-plus-solid: "\e90e"; --icon-z-refresh-outline: "\e912"; --icon-z-refresh-solid: "\e913"; --icon-z-robot-outline: "\e914"; --icon-z-robot-solid: "\e916"; --icon-z-trophy-outline: "\e917"; --icon-z-trophy-solid: "\e919"; --icon-z-wifi-outline: "\e91a"; --icon-z-wifi-solid: "\e91b"; --icon-z-number-1: "\eab2"; --icon-z-number-2: "\eab3"; --icon-z-number-3: "\eab4"; --icon-z-number-4: "\eab5"; --icon-z-number-5: "\eab6"; --icon-z-number-6: "\eab7"; --icon-z-number-7: "\eab8"; --icon-z-number-8: "\eab9"; --icon-z-number-9: "\eaba"; --icon-z-number-10: "\eabb"; --icon-z-number-11: "\eabc"; --icon-z-number-12: "\eabd"; --icon-z-number-13: "\eabe"; --icon-z-number-14: "\eabf"; --icon-z-number-15: "\eac0"; --icon-z-number-16: "\eac1"; --icon-z-number-17: "\eac2"; --icon-z-number-18: "\eac3"; --icon-z-number-19: "\eac4"; --icon-z-number-20: "\eac5"; --icon-z-action-bell-on-outline: "\e980"; --icon-z-action-bell-on-solid: "\e981"; --icon-z-action-bell-off-outline: "\e982"; --icon-z-action-bell-off-solid: "\e983"; --icon-z-action-bookmark-outline: "\e984"; --icon-z-action-bookmark-solid: "\e985"; --icon-z-action-edit-outline: "\e986"; --icon-z-action-edit-solid: "\e987"; --icon-z-action-filter-vertical-outline: "\e988"; --icon-z-action-filter-vertical-solid: "\e989"; --icon-z-action-filter-horizontal-outline: "\e98a"; --icon-z-action-filter-horizontal-solid: "\e98b"; --icon-z-action-flag-outline: "\e98c"; --icon-z-action-flag-solid: "\e98e"; --icon-z-action-heart-outline: "\e98f"; --icon-z-action-heart-solid: "\e990"; --icon-z-action-microphone-on-outline: "\e991"; --icon-z-action-microphone-on-solid: "\e992"; --icon-z-action-microphone-off-outline: "\e994"; --icon-z-action-microphone-off-solid: "\e995"; --icon-z-action-pause-outline: "\e996"; --icon-z-action-pause-solid: "\e997"; --icon-z-action-pencil-outline: "\e998"; --icon-z-action-pencil-solid: "\e999"; --icon-z-action-play-outline: "\e99a"; --icon-z-action-play-solid: "\e99b"; --icon-z-action-print-outline: "\e99c"; --icon-z-action-print-solid: "\e99d"; --icon-z-action-search-outline: "\e99e"; --icon-z-action-search-solid: "\e99f"; --icon-z-action-send-horizontal-outline: "\e9a0"; --icon-z-action-send-horizontal-solid: "\e9a1"; --icon-z-action-send-diagonal-outline: "\e9a2"; --icon-z-action-send-diagonal-solid: "\e9a3"; --icon-z-action-sound-on-outline: "\e9a4"; --icon-z-action-sound-on-solid: "\e9a5"; --icon-z-action-sound-off-outline: "\e9a6"; --icon-z-action-sound-off-solid: "\e9a7"; --icon-z-action-star-outline: "\e9a8"; --icon-z-action-star-solid: "\e9a9"; --icon-z-action-trash-outline: "\e9aa"; --icon-z-action-trash-solid: "\e9ab"; --icon-z-action-vision-off-outline: "\e9ac"; --icon-z-action-vision-off-solid: "\e9ad"; --icon-z-action-vision-on-outline: "\e9ae"; --icon-z-action-vision-on-solid: "\e9af"; --icon-z-action-check: "\e9b0"; --icon-z-action-download: "\e9b1"; --icon-z-action-launch: "\e9b2"; --icon-z-action-link: "\e9b3"; --icon-z-action-login: "\e9b4"; --icon-z-action-logout: "\e9b5"; --icon-z-business-education-building-outline: "\e9b6"; --icon-z-business-education-building-solid: "\e9b7"; --icon-z-business-education-gear-outline: "\e9b8"; --icon-z-business-education-gear-solid: "\e9b9"; --icon-z-business-education-graduation-outline: "\e9ba"; --icon-z-business-education-graduation-solid: "\e9bb"; --icon-z-business-education-office-outline: "\e9bc"; --icon-z-business-education-office-solid: "\e9bd"; --icon-z-business-education-package-outline: "\e9be"; --icon-z-business-education-package-solid: "\e9bf"; --icon-z-business-education-suitcase-outline: "\e9c0"; --icon-z-business-education-suitcase-solid: "\e9c1"; --icon-z-business-education-tool-outline: "\e9c2"; --icon-z-business-education-tool-solid: "\e9c3"; --icon-z-communication-alert-triangle-outline: "\e9c4"; --icon-z-communication-alert-triangle-solid: "\e9c5"; --icon-z-communication-alert-circle-outline: "\e9c6"; --icon-z-communication-alert-circle-solid: "\e9c7"; --icon-z-communication-book-open-outline: "\e9c8"; --icon-z-communication-book-open-solid: "\e9c9"; --icon-z-communication-book-close-outline: "\e9ca"; --icon-z-communication-book-close-solid: "\e9cb"; --icon-z-communication-calendar-start-outline: "\e9cc"; --icon-z-communication-calendar-start-solid: "\e9cd"; --icon-z-communication-calendar-end-outline: "\e9ce"; --icon-z-communication-calendar-end-solid: "\e9cf"; --icon-z-communication-chat-outline: "\e9d0"; --icon-z-communication-chat-solid: "\e9d1"; --icon-z-communication-clock-outline: "\e9d2"; --icon-z-communication-clock-solid: "\e9d3"; --icon-z-communication-file-text-outline: "\e9d4"; --icon-z-communication-file-text-solid: "\e9d5"; --icon-z-communication-file-copy-outline: "\e9d6"; --icon-z-communication-file-copy-solid: "\e9d7"; --icon-z-communication-file-check-outline: "\e9d8"; --icon-z-communication-file-check-solid: "\e9d9"; --icon-z-communication-file-blank-outline: "\e9da"; --icon-z-communication-file-blank-solid: "\e9db"; --icon-z-communication-file-add-outline: "\e9dc"; --icon-z-communication-file-add-solid: "\e9dd"; --icon-z-communication-folder-outline: "\e9de"; --icon-z-communication-folder-solid: "\e9df"; --icon-z-communication-globe-outline: "\e9e0"; --icon-z-communication-globe-solid: "\e9e1"; --icon-z-communication-globe-stand-outline: "\e9e2"; --icon-z-communication-globe-stand-solid: "\e9e3"; --icon-z-communication-help-outline: "\e9e4"; --icon-z-communication-help-solid: "\e9e5"; --icon-z-communication-hourglass-outline: "\e9e6"; --icon-z-communication-hourglass-solid: "\e9e7"; --icon-z-communication-info-outline: "\e9e8"; --icon-z-communication-info-solid: "\e9e9"; --icon-z-communication-lightbulb-outline: "\e9ea"; --icon-z-communication-lightbulb-solid: "\e9eb"; --icon-z-communication-mail-open-outline: "\e9ec"; --icon-z-communication-mail-open-solid: "\e9ed"; --icon-z-communication-mail-close-outline: "\e9ee"; --icon-z-communication-mail-close-solid: "\e9ef"; --icon-z-communication-phone-outline: "\e9f0"; --icon-z-communication-phone-solid: "\e9f1"; --icon-z-communication-quote-open-outline: "\e9f2"; --icon-z-communication-quote-open-solid: "\e9f3"; --icon-z-communication-quote-close-outline: "\e9f4"; --icon-z-communication-quote-close-solid: "\e9f5"; --icon-z-communication-speech-outline: "\e9f6"; --icon-z-communication-speech-solid: "\e9f7"; --icon-z-device-watch-smart-outline: "\e9f8"; --icon-z-device-watch-smart-solid: "\e9f9"; --icon-z-device-watch-analog-outline: "\e9fa"; --icon-z-device-watch-analog-solid: "\e9fb"; --icon-z-device-tablet-outline: "\e9fc"; --icon-z-device-tablet-solid: "\e9fd"; --icon-z-device-mouse-outline: "\e9fe"; --icon-z-device-mouse-solid: "\e9ff"; --icon-z-device-mobile-search-outline: "\ea00"; --icon-z-device-mobile-search-solid: "\ea01"; --icon-z-device-mobile-outline: "\ea02"; --icon-z-device-mobile-solid: "\ea03"; --icon-z-device-laptop-outline: "\ea04"; --icon-z-device-laptop-solid: "\ea05"; --icon-z-device-headset-outline: "\ea06"; --icon-z-device-headset-solid: "\ea07"; --icon-z-device-game-outline: "\ea08"; --icon-z-device-game-solid: "\ea09"; --icon-z-device-devices-3-range-outline: "\ea0a"; --icon-z-device-devices-3-range-solid: "\ea0b"; --icon-z-device-devices-2-range-outline: "\ea0c"; --icon-z-device-devices-2-range-solid: "\ea0d"; --icon-z-device-desktop-outline: "\ea0e"; --icon-z-device-desktop-solid: "\ea0f"; --icon-z-device-camera-outline: "\ea10"; --icon-z-device-camera-solid: "\ea11"; --icon-z-device-calculator-outline: "\ea12"; --icon-z-device-calculator-solid: "\ea13"; --icon-z-environment-sun-outline: "\ea14"; --icon-z-environment-sun-solid: "\ea15"; --icon-z-environment-snowflake-outline: "\ea16"; --icon-z-environment-snowflake-solid: "\ea17"; --icon-z-environment-snow-outline: "\ea18"; --icon-z-environment-snow-solid: "\ea19"; --icon-z-environment-rain-outline: "\ea1a"; --icon-z-environment-rain-solid: "\ea1b"; --icon-z-environment-mountain-outline: "\ea1c"; --icon-z-environment-mountain-solid: "\ea1d"; --icon-z-environment-lightning-outline: "\ea1e"; --icon-z-environment-lightning-solid: "\ea1f"; --icon-z-environment-leaf-outline: "\ea20"; --icon-z-environment-leaf-solid: "\ea21"; --icon-z-environment-landscape-outline: "\ea22"; --icon-z-environment-landscape-solid: "\ea23"; --icon-z-environment-cloud-outline: "\ea24"; --icon-z-environment-cloud-solid: "\ea25"; --icon-z-finance-target-outline: "\ea26"; --icon-z-finance-target-solid: "\ea27"; --icon-z-finance-tag-outline: "\ea28"; --icon-z-finance-tag-solid: "\ea29"; --icon-z-finance-currency-pound-outline: "\ea2a"; --icon-z-finance-currency-pound-solid: "\ea2b"; --icon-z-finance-currency-euro-outline: "\ea2c"; --icon-z-finance-currency-euro-solid: "\ea2d"; --icon-z-finance-currency-dollar-outline: "\ea2e"; --icon-z-finance-currency-dollar-solid: "\ea2f"; --icon-z-finance-coin-outline: "\ea30"; --icon-z-finance-coin-solid: "\ea31"; --icon-z-finance-chart-pie-outline: "\ea32"; --icon-z-finance-chart-pie-solid: "\ea33"; --icon-z-finance-cart-outline: "\ea34"; --icon-z-finance-cart-solid: "\ea35"; --icon-z-health-wheelchair-outline: "\ea36"; --icon-z-health-wheelchair-solid: "\ea37"; --icon-z-health-smoke-outline: "\ea38"; --icon-z-health-smoke-solid: "\ea39"; --icon-z-health-medication-outline: "\ea3a"; --icon-z-health-medication-solid: "\ea3b"; --icon-z-health-hearth-medical-outline: "\ea3c"; --icon-z-health-hearth-medical-solid: "\ea3d"; --icon-z-health-hearth-cardio-outline: "\ea3e"; --icon-z-health-hearth-cardio-solid: "\ea3f"; --icon-z-health-glass-outline: "\ea40"; --icon-z-health-glass-solid: "\ea41"; --icon-z-health-first-aid-outline: "\ea42"; --icon-z-health-first-aid-solid: "\ea43"; --icon-z-health-dining-bell-outline: "\ea44"; --icon-z-health-dining-bell-solid: "\ea45"; --icon-z-health-cup-outline: "\ea46"; --icon-z-health-cup-solid: "\ea47"; --icon-z-mobility-trolley-outline: "\ea48"; --icon-z-mobility-trolley-solid: "\ea49"; --icon-z-mobility-train-outline: "\ea4a"; --icon-z-mobility-train-solid: "\ea4b"; --icon-z-mobility-station-gas-outline: "\ea4c"; --icon-z-mobility-station-gas-solid: "\ea4d"; --icon-z-mobility-station-electric-outline: "\ea4e"; --icon-z-mobility-station-electric-solid: "\ea4f"; --icon-z-mobility-space-outline: "\ea50"; --icon-z-mobility-space-solid: "\ea51"; --icon-z-mobility-ship-outline: "\ea52"; --icon-z-mobility-ship-solid: "\ea53"; --icon-z-mobility-scooter-outline: "\ea54"; --icon-z-mobility-scooter-solid: "\ea55"; --icon-z-mobility-rocket-outline: "\ea56"; --icon-z-mobility-rocket-solid: "\ea57"; --icon-z-mobility-plane-landing-outline: "\ea58"; --icon-z-mobility-plane-landing-solid: "\ea59"; --icon-z-mobility-plane-flying-outline: "\ea5a"; --icon-z-mobility-plane-flying-solid: "\ea5b"; --icon-z-mobility-pin-outline: "\ea5c"; --icon-z-mobility-pin-solid: "\ea5d"; --icon-z-mobility-location-outline: "\ea5e"; --icon-z-mobility-location-solid: "\ea5f"; --icon-z-mobility-compass-outline: "\ea60"; --icon-z-mobility-compass-solid: "\ea61"; --icon-z-mobility-car-outline: "\ea62"; --icon-z-mobility-car-solid: "\ea63"; --icon-z-mobility-bus-outline: "\ea64"; --icon-z-mobility-bus-solid: "\ea65"; --icon-z-mobility-bike-outline: "\ea66"; --icon-z-mobility-bike-solid: "\ea67"; --icon-z-navigation-more-vertical-outline: "\ea68"; --icon-z-navigation-more-vertical-solid: "\ea69"; --icon-z-navigation-more-horizontal-outline: "\ea6a"; --icon-z-navigation-more-horizontal-solid: "\ea6b"; --icon-z-navigation-home-outline: "\ea6c"; --icon-z-navigation-home-solid: "\ea6d"; --icon-z-navigation-arrow-long-down: "\ea6e"; --icon-z-navigation-arrow-long-left-down: "\ea6f"; --icon-z-navigation-arrow-long-left: "\ea70"; --icon-z-navigation-arrow-long-right-up: "\ea71"; --icon-z-navigation-arrow-long-right: "\ea72"; --icon-z-navigation-arrow-long-up: "\ea73"; --icon-z-navigation-arrow-control-maximize: "\ea74"; --icon-z-navigation-arrow-control-minimize: "\ea75"; --icon-z-navigation-arrow-control-reload: "\ea76"; --icon-z-navigation-arrow-control-repeat: "\ea77"; --icon-z-navigation-arrow-control-return: "\ea78"; --icon-z-navigation-arrow-down: "\ea79"; --icon-z-navigation-arrow-left: "\ea7a"; --icon-z-navigation-arrow-right: "\ea7b"; --icon-z-navigation-arrow-up: "\ea7c"; --icon-z-navigation-close: "\ea7d"; --icon-z-navigation-menu: "\ea7e"; --icon-z-navigation-minus: "\ea7f"; --icon-z-navigation-plus: "\ea80"; --icon-z-user-male-outline: "\ea81"; --icon-z-user-male-solid: "\ea82"; --icon-z-user-help-outline: "\ea83"; --icon-z-user-help-solid: "\ea84"; --icon-z-user-female-outline: "\ea85"; --icon-z-user-female-solid: "\ea86"; --icon-z-user-alert-outline: "\ea87"; --icon-z-user-alert-solid: "\ea88"; --icon-z-thumb-up-outline: "\ea89"; --icon-z-thumb-up-solid: "\ea8a"; --icon-z-thumb-down-outline: "\ea8b"; --icon-z-thumb-down-solid: "\ea8c"; --icon-z-team-outline: "\ea8d"; --icon-z-team-solid: "\ea8e"; --icon-z-handshake-outline: "\ea8f"; --icon-z-handshake-solid: "\ea90"; --icon-z-family-outline: "\ea91"; --icon-z-family-solid: "\ea92"; --icon-z-face-sad-outline: "\ea93"; --icon-z-face-sad-solid: "\ea94"; --icon-z-face-neutral-outline: "\ea95"; --icon-z-face-neutral-solid: "\ea96"; --icon-z-face-happy-outline: "\ea97"; --icon-z-face-happy-solid: "\ea98"; --icon-z-shield-plus-outline: "\ea99"; --icon-z-shield-plus-solid: "\ea9a"; --icon-z-shield-check-outline: "\ea9b"; --icon-z-shield-check-solid: "\ea9c"; --icon-z-shield-alt-outline: "\ea9d"; --icon-z-shield-alt-solid: "\ea9e"; --icon-z-lock-process-outline: "\ea9f"; --icon-z-lock-process-solid: "\eaa0"; --icon-z-lock-open-outline: "\eaa1"; --icon-z-lock-open-solid: "\eaa2"; --icon-z-lock-close-outline: "\eaa3"; --icon-z-lock-close-solid: "\eaa4"; --icon-z-cone-outline: "\eaa5"; --icon-z-cone-solid: "\eaa6"; --icon-z-social-facebook: "\eaa7"; --icon-z-social-instagram: "\eaa8"; --icon-z-social-linkedin: "\eaa9"; --icon-z-social-pinterest: "\eaaa"; --icon-z-social-tiktok: "\eaab"; --icon-z-social-twitter: "\eaac"; --icon-z-social-whatsapp: "\eaad"; --icon-z-social-workplace: "\eaae"; --icon-z-social-xing: "\eaaf"; --icon-z-social-yammer: "\eab0"; --icon-z-social-youtube: "\eab1"; --icon-z-vita-filter: "\e976"; --icon-z-vita-download: "\e97f"; --icon-z-four-leaf-outline: "\e90f"; --icon-z-gallery-outline: "\e910"; --icon-z-gift-outline: "\e911"; --icon-z-loading-outline: "\e915"; --icon-z-mortgage-outline: "\e918"; --icon-z-share: "\e91f"; --icon-z-gallery-solid: "\e931"; --icon-z-gift-solid: "\e932"; --icon-z-loading-solid: "\e935"; --icon-z-mortgage-solid: "\e938"; --icon-z-skype-outline: "\e95a"; --icon-z-zurich: "\e95e"; --icon-z-skype-solid: "\e960"; --picto-personal-liability-kids: "\e93f"; --picto-wallet: "\e93c"; --picto-eco-bonus: "\e93d"; --picto-present: "\e93e"; --picto-wallbox-advisor: "\e933"; --picto-protect: "\e934"; --picto-electro-motorcycle: "\e935"; --picto-charger-cable-replacement: "\e936"; --picto-electro-van: "\e937"; --picto-electro-truck: "\e938"; --picto-all-risk-loading-app: "\e939"; --picto-battery-plus: "\e93a"; --picto-all-risk-wallbox: "\e93b"; --picto-pie-chart: "\e92f"; --picto-electro-car: "\e931"; --picto-mobile-chat: "\e932"; --picto-accident: "\e92b"; --picto-accident-and-sickness: "\e900"; --picto-alternative-assets: "\e901"; --picto-attention: "\e902"; --picto-back-seat: "\e92c"; --picto-bike: "\e903"; --picto-boats: "\e904"; --picto-car: "\e905"; --picto-chat: "\e906"; --picto-child-seat: "\e92d"; --picto-crash: "\e907"; --picto-drone: "\e908"; --picto-events: "\e909"; --picto-family-protection: "\e90a"; --picto-hail-damage: "\e90b"; --picto-highway: "\e90c"; --picto-homes-and-construction: "\e90d"; --picto-jacket: "\e92e"; --picto-letter: "\e90e"; --picto-liability-and-legal: "\e90f"; --picto-location: "\e910"; --picto-more: "\e911"; --picto-motorbike: "\e912"; --picto-obligation: "\e913"; --picto-pension-plans: "\e914"; --picto-phone: "\e915"; --picto-play: "\e916"; --picto-sofa: "\e917"; --picto-shield: "\e930"; --picto-sticks: "\e918"; --picto-stock: "\e919"; --picto-travel: "\e91a"; --picto-vehicles-and-travel: "\e91b"; --picto-violated: "\e91c"; --picto-vita-clipboard-filled: "\e91d"; --picto-vita-comprehensive-offer: "\e91e"; --picto-vita-computer: "\e91f"; --picto-vita-envelope: "\e920"; --picto-vita-house: "\e921"; --picto-vita-idea: "\e922"; --picto-vita-info: "\e923"; --picto-vita-lense: "\e924"; --picto-vita-medal: "\e925"; --picto-vita-mobile-phone: "\e926"; --picto-vita-page-filled: "\e927"; --picto-vita-salesman-vita: "\e928"; --picto-vita-service: "\e929"; --picto-vita-vault: "\e92a"; --color-zurichBlue: #2167ae; --color-zurichBlueAt3black: #002e8a; --color-zurichBlueAt7black: #002775; --color-zurichDarkBlue: #23366f; --color-zurichDarkBlueAt3black: #000057; --color-zurichDarkBlueAt7black: #000042; --color-skyBlue: #1393d1; --color-skyBlueAt3black: #0093d1; --color-skyBlueAt7black: #0085bc; --color-skyBlueAt97black: #019ADA; --color-azure: #4870c6; --color-azureAt80white: #72A6D3; --color-sandstone: #dad2bd; --color-sandstoneAt3black: #cfc8ab; --color-sandstoneAt7black: #c8bf9e; --color-sandstoneAt20white: #fffffe; --color-sandstoneAt80white: #ffffff; --color-clay: #A89F96; --color-clayAt3black: #a1978e; --color-clayAt7black: #988d82; --color-coolCharcoal: #817b75; --color-dove: #dde4e3; --color-doveAt40white: #F5F7F7; --color-doveAt60white: #F1F4F3; --color-jungleMist: #B2CBCB; --color-juniper: #708F8F; --color-juniperAt40white: #C6D2D2; --color-black: #000; --color-white: #ffffff; --color-whiteAt60tranparent: rgba(255, 255, 255, .6); --color-transparent: rgba(0, 0, 0, 0); --color-turquoise: #00BFB3; --color-turquoiseAt6black: #00a096; --color-turquoiseAt10black: #008c83; --color-salmon: #EA635C; --color-salmonAt6black: #e74941; --color-salmonAt10black: #e4382f; --color-salmonAt20white: #FBE0DE; --color-orange: #F69C00; --color-orangeAt6black: #f98200; --color-orangeAt10black: #f88900; --color-lime: #e1ee92; --color-teal: #088487; --color-whiteCloud: rgba(255, 255, 255, .85); --color-blackSteam: #F6F8F7; --color-blackDust: rgba(0, 0, 0, .07); --color-blackDiamond: rgba(0, 0, 0, .10); --color-blackDiamondAt3black: rgba(0, 0, 0, .13); --color-blackDiamondAt7black: rgba(0, 0, 0, .17); --color-blackGlass: rgba(0, 0, 0, .30); --color-blackGlassAt3black: rgba(0, 0, 0, .33); --color-blackGlassAt7black: rgba(0, 0, 0, .37); --color-austrianIce: #E0E6E5; --color-greyNine: #c9d0d2; --color-zurichBlueAt5black: #1d5a99; --color-zurichBlueAt10black: #194e83; --color-zurichMidBlue: #5495cf; --color-zurichMidBlueAt5black: #4089c9; --color-zurichMidBlueAt10black: #357cbb; --color-zurichLightBlue: #91bfe3; --color-zurichDarkBlueAt5black: #1d2d5c; --color-zurichDarkBlueAt10black: #172348; --color-zurichWhite: #eceeef; --color-lightDove: #e4e9ec; --color-sandstoneAt5black: #d1c7ad; --color-sandstoneAt10black: #c8bc9c; --color-whiteAt5black: #f2f2f2; --color-whiteAt10black: #e6e6e6; --color-peachAt5black: #ff5e50; --color-peachAt10black: #ff4636; --color-tealAt5black: #16a49f; --color-tealAt10black: #138d89; --color-azureAt80: #6d8dd1; --color-azureAt60: #91a9dd; --color-azureAt40: #b6c6e8; --color-azureAt20: #dae2f4; --color-candy: #e18eba; --color-candyAt80: #e7a5c8; --color-candyAt60: #edbbd6; --color-candyAt40: #f3d2e3; --color-candyAt20: #f9e8f1; --color-lemon: #fff773; --color-lemonAt80: #fff98f; --color-lemonAt60: #fffaab; --color-lemonAt40: #fffcc7; --color-lemonAt20: #fffde3; --color-lilac: #6d6bcf; --color-lilacAt80: #8a89d9; --color-lilacAt60: #a7a6e2; --color-lilacAt40: #c5c4ec; --color-lilacAt20: #e2e1f5; --color-limeAt80: #e7f1a8; --color-limeAt60: #edf5be; --color-limeAt40: #f3f8d3; --color-limeAt20: #f9fce9; --color-mint: #a6e9ab; --color-mintAt80: #b8edbc; --color-mintAt60: #caf2cd; --color-mintAt40: #dbf6dd; --color-mintAt20: #edfbee; --color-moss: #77a984; --color-mossAt80: #92ba9d; --color-mossAt60: #adcbb5; --color-mossAt40: #c9ddce; --color-mossAt20: #e4eee6; --color-peach: #ff7569; --color-peachAt80: #ff9187; --color-peachAt60: #ffaca5; --color-peachAt40: #ffc8c3; --color-peachAt20: #ffe3e1; --color-powderPink: #ffc5ea; --color-powderPinkAt80: #ffd1ee; --color-powderPinkAt60: #ffdcf2; --color-powderPinkAt40: #ffe8f7; --color-powderPinkAt20: #fff3fb; --color-tealAt80: #399d9f; --color-tealAt60: #6bb5b7; --color-tealAt40: #9ccecf; --color-tealAt20: #cee6e7; --color-greyOne: #0d1115; --color-greyTwo: #2b2e31; --color-greyThree: #45484a; --color-greyFour: #5d6162; --color-greyFive: #74797a; --color-greySix: #7f8788; --color-greySeven: #929a9c; --color-greyEight: #a6adaf; } :root { --brand-primaryDark: #000; --brand-secondary: #fff; --color-zurichLightBlue: #2373ab; --color-skyBlue: #2373ab; --color-validation: #2373ab; --color-zurichBlue: #2373ab; --feedback-infoForeground: #fff; --interactive-linkActive: #2373ab; --text-default: #000; --text-inverted: #fff; --themeOrganism-link: #2373ab; --themeOrganism-linkActive: #000; --themeOrganism-linkHover: #1a5781; --themeAtom-backgroundHover: #ddd; --themeAtom-backgroundFocus: #aaa; --t-alternative__themeAtom-backgroundHover: #1a5781; --t-alternative__themeAtom-backgroundFocus: #1a5781; --t-alternative__themeAtom-borderColor: #000; /* local variable overwrites */ --color-button-label: #000; --color-recommended-border: #2373ab; --color-reference-box: #fff; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { html { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } html { min-width: var(--size-breakpoint-min-size); } body { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { body { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } body { padding: 0; margin: 0; background: var(--layout-background); color: var(--text-default); position: relative; } *, ::after, ::before { box-sizing: border-box; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } li { list-style-image: none; } b, strong { font-weight: 700; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { b, strong { font-weight: 700; font-size: 20px; line-height: 1.5; } } /* TODO: Check if we still need this */ img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; } button, input, optgroup, select, textarea { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { button, input, optgroup, select, textarea { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } [hidden] { display: none !important; } /* DO NOT EDIT THIS FILE */ .c-icon--z-action-check-solid::before, .c-icon-after--z-action-check-solid::after { content: "\e900"; } .c-icon--z-arrow-down-solid::before, .c-icon-after--z-arrow-down-solid::after { content: "\e901"; } .c-icon--z-arrow-left-solid::before, .c-icon-after--z-arrow-left-solid::after { content: "\e902"; } .c-icon--z-arrow-max-solid::before, .c-icon-after--z-arrow-max-solid::after { content: "\e903"; } .c-icon--z-arrow-min-solid::before, .c-icon-after--z-arrow-min-solid::after { content: "\e904"; } .c-icon--z-arrow-right-solid::before, .c-icon-after--z-arrow-right-solid::after { content: "\e905"; } .c-icon--z-arrow-up-solid::before, .c-icon-after--z-arrow-up-solid::after { content: "\e906"; } .c-icon--z-close-solid::before, .c-icon-after--z-close-solid::after { content: "\e907"; } .c-icon--z-entrance-solid::before, .c-icon-after--z-entrance-solid::after { content: "\e908"; } .c-icon--z-future-outline::before, .c-icon-after--z-future-outline::after { content: "\e909"; } .c-icon--z-legal-outline::before, .c-icon-after--z-legal-outline::after { content: "\e90a"; } .c-icon--z-legal-solid::before, .c-icon-after--z-legal-solid::after { content: "\e90b"; } .c-icon--z-logout-solid::before, .c-icon-after--z-logout-solid::after { content: "\e90c"; } .c-icon--z-minus-solid::before, .c-icon-after--z-minus-solid::after { content: "\e90d"; } .c-icon--z-plus-solid::before, .c-icon-after--z-plus-solid::after { content: "\e90e"; } .c-icon--z-refresh-outline::before, .c-icon-after--z-refresh-outline::after { content: "\e912"; } .c-icon--z-refresh-solid::before, .c-icon-after--z-refresh-solid::after { content: "\e913"; } .c-icon--z-robot-outline::before, .c-icon-after--z-robot-outline::after { content: "\e914"; } .c-icon--z-robot-solid::before, .c-icon-after--z-robot-solid::after { content: "\e916"; } .c-icon--z-trophy-outline::before, .c-icon-after--z-trophy-outline::after { content: "\e917"; } .c-icon--z-trophy-solid::before, .c-icon-after--z-trophy-solid::after { content: "\e919"; } .c-icon--z-wifi-outline::before, .c-icon-after--z-wifi-outline::after { content: "\e91a"; } .c-icon--z-wifi-solid::before, .c-icon-after--z-wifi-solid::after { content: "\e91b"; } .c-icon--z-number-1::before, .c-icon-after--z-number-1::after { content: "\eab2"; } .c-icon--z-number-2::before, .c-icon-after--z-number-2::after { content: "\eab3"; } .c-icon--z-number-3::before, .c-icon-after--z-number-3::after { content: "\eab4"; } .c-icon--z-number-4::before, .c-icon-after--z-number-4::after { content: "\eab5"; } .c-icon--z-number-5::before, .c-icon-after--z-number-5::after { content: "\eab6"; } .c-icon--z-number-6::before, .c-icon-after--z-number-6::after { content: "\eab7"; } .c-icon--z-number-7::before, .c-icon-after--z-number-7::after { content: "\eab8"; } .c-icon--z-number-8::before, .c-icon-after--z-number-8::after { content: "\eab9"; } .c-icon--z-number-9::before, .c-icon-after--z-number-9::after { content: "\eaba"; } .c-icon--z-number-10::before, .c-icon-after--z-number-10::after { content: "\eabb"; } .c-icon--z-number-11::before, .c-icon-after--z-number-11::after { content: "\eabc"; } .c-icon--z-number-12::before, .c-icon-after--z-number-12::after { content: "\eabd"; } .c-icon--z-number-13::before, .c-icon-after--z-number-13::after { content: "\eabe"; } .c-icon--z-number-14::before, .c-icon-after--z-number-14::after { content: "\eabf"; } .c-icon--z-number-15::before, .c-icon-after--z-number-15::after { content: "\eac0"; } .c-icon--z-number-16::before, .c-icon-after--z-number-16::after { content: "\eac1"; } .c-icon--z-number-17::before, .c-icon-after--z-number-17::after { content: "\eac2"; } .c-icon--z-number-18::before, .c-icon-after--z-number-18::after { content: "\eac3"; } .c-icon--z-number-19::before, .c-icon-after--z-number-19::after { content: "\eac4"; } .c-icon--z-number-20::before, .c-icon-after--z-number-20::after { content: "\eac5"; } .c-icon--z-action-bell-on-outline::before, .c-icon-after--z-action-bell-on-outline::after { content: "\e980"; } .c-icon--z-action-bell-on-solid::before, .c-icon-after--z-action-bell-on-solid::after { content: "\e981"; } .c-icon--z-action-bell-off-outline::before, .c-icon-after--z-action-bell-off-outline::after { content: "\e982"; } .c-icon--z-action-bell-off-solid::before, .c-icon-after--z-action-bell-off-solid::after { content: "\e983"; } .c-icon--z-action-bookmark-outline::before, .c-icon-after--z-action-bookmark-outline::after { content: "\e984"; } .c-icon--z-action-bookmark-solid::before, .c-icon-after--z-action-bookmark-solid::after { content: "\e985"; } .c-icon--z-action-edit-outline::before, .c-icon-after--z-action-edit-outline::after { content: "\e986"; } .c-icon--z-action-edit-solid::before, .c-icon-after--z-action-edit-solid::after { content: "\e987"; } .c-icon--z-action-filter-vertical-outline::before, .c-icon-after--z-action-filter-vertical-outline::after { content: "\e988"; } .c-icon--z-action-filter-vertical-solid::before, .c-icon-after--z-action-filter-vertical-solid::after { content: "\e989"; } .c-icon--z-action-filter-horizontal-outline::before, .c-icon-after--z-action-filter-horizontal-outline::after { content: "\e98a"; } .c-icon--z-action-filter-horizontal-solid::before, .c-icon-after--z-action-filter-horizontal-solid::after { content: "\e98b"; } .c-icon--z-action-flag-outline::before, .c-icon-after--z-action-flag-outline::after { content: "\e98c"; } .c-icon--z-action-flag-solid::before, .c-icon-after--z-action-flag-solid::after { content: "\e98e"; } .c-icon--z-action-heart-outline::before, .c-icon-after--z-action-heart-outline::after { content: "\e98f"; } .c-icon--z-action-heart-solid::before, .c-icon-after--z-action-heart-solid::after { content: "\e990"; } .c-icon--z-action-microphone-on-outline::before, .c-icon-after--z-action-microphone-on-outline::after { content: "\e991"; } .c-icon--z-action-microphone-on-solid::before, .c-icon-after--z-action-microphone-on-solid::after { content: "\e992"; } .c-icon--z-action-microphone-off-outline::before, .c-icon-after--z-action-microphone-off-outline::after { content: "\e994"; } .c-icon--z-action-microphone-off-solid::before, .c-icon-after--z-action-microphone-off-solid::after { content: "\e995"; } .c-icon--z-action-pause-outline::before, .c-icon-after--z-action-pause-outline::after { content: "\e996"; } .c-icon--z-action-pause-solid::before, .c-icon-after--z-action-pause-solid::after { content: "\e997"; } .c-icon--z-action-pencil-outline::before, .c-icon-after--z-action-pencil-outline::after { content: "\e998"; } .c-icon--z-action-pencil-solid::before, .c-icon-after--z-action-pencil-solid::after { content: "\e999"; } .c-icon--z-action-play-outline::before, .c-icon-after--z-action-play-outline::after { content: "\e99a"; } .c-icon--z-action-play-solid::before, .c-icon-after--z-action-play-solid::after { content: "\e99b"; } .c-icon--z-action-print-outline::before, .c-icon-after--z-action-print-outline::after { content: "\e99c"; } .c-icon--z-action-print-solid::before, .c-icon-after--z-action-print-solid::after { content: "\e99d"; } .c-icon--z-action-search-outline::before, .c-icon-after--z-action-search-outline::after { content: "\e99e"; } .c-icon--z-action-search-solid::before, .c-icon-after--z-action-search-solid::after { content: "\e99f"; } .c-icon--z-action-send-horizontal-outline::before, .c-icon-after--z-action-send-horizontal-outline::after { content: "\e9a0"; } .c-icon--z-action-send-horizontal-solid::before, .c-icon-after--z-action-send-horizontal-solid::after { content: "\e9a1"; } .c-icon--z-action-send-diagonal-outline::before, .c-icon-after--z-action-send-diagonal-outline::after { content: "\e9a2"; } .c-icon--z-action-send-diagonal-solid::before, .c-icon-after--z-action-send-diagonal-solid::after { content: "\e9a3"; } .c-icon--z-action-sound-on-outline::before, .c-icon-after--z-action-sound-on-outline::after { content: "\e9a4"; } .c-icon--z-action-sound-on-solid::before, .c-icon-after--z-action-sound-on-solid::after { content: "\e9a5"; } .c-icon--z-action-sound-off-outline::before, .c-icon-after--z-action-sound-off-outline::after { content: "\e9a6"; } .c-icon--z-action-sound-off-solid::before, .c-icon-after--z-action-sound-off-solid::after { content: "\e9a7"; } .c-icon--z-action-star-outline::before, .c-icon-after--z-action-star-outline::after { content: "\e9a8"; } .c-icon--z-action-star-solid::before, .c-icon-after--z-action-star-solid::after { content: "\e9a9"; } .c-icon--z-action-trash-outline::before, .c-icon-after--z-action-trash-outline::after { content: "\e9aa"; } .c-icon--z-action-trash-solid::before, .c-icon-after--z-action-trash-solid::after { content: "\e9ab"; } .c-icon--z-action-vision-off-outline::before, .c-icon-after--z-action-vision-off-outline::after { content: "\e9ac"; } .c-icon--z-action-vision-off-solid::before, .c-icon-after--z-action-vision-off-solid::after { content: "\e9ad"; } .c-icon--z-action-vision-on-outline::before, .c-icon-after--z-action-vision-on-outline::after { content: "\e9ae"; } .c-icon--z-action-vision-on-solid::before, .c-icon-after--z-action-vision-on-solid::after { content: "\e9af"; } .c-icon--z-action-check::before, .c-icon-after--z-action-check::after { content: "\e9b0"; } .c-icon--z-action-download::before, .c-icon-after--z-action-download::after { content: "\e9b1"; } .c-icon--z-action-launch::before, .c-icon-after--z-action-launch::after { content: "\e9b2"; } .c-icon--z-action-link::before, .c-icon-after--z-action-link::after { content: "\e9b3"; } .c-icon--z-action-login::before, .c-icon-after--z-action-login::after { content: "\e9b4"; } .c-icon--z-action-logout::before, .c-icon-after--z-action-logout::after { content: "\e9b5"; } .c-icon--z-business-education-building-outline::before, .c-icon-after--z-business-education-building-outline::after { content: "\e9b6"; } .c-icon--z-business-education-building-solid::before, .c-icon-after--z-business-education-building-solid::after { content: "\e9b7"; } .c-icon--z-business-education-gear-outline::before, .c-icon-after--z-business-education-gear-outline::after { content: "\e9b8"; } .c-icon--z-business-education-gear-solid::before, .c-icon-after--z-business-education-gear-solid::after { content: "\e9b9"; } .c-icon--z-business-education-graduation-outline::before, .c-icon-after--z-business-education-graduation-outline::after { content: "\e9ba"; } .c-icon--z-business-education-graduation-solid::before, .c-icon-after--z-business-education-graduation-solid::after { content: "\e9bb"; } .c-icon--z-business-education-office-outline::before, .c-icon-after--z-business-education-office-outline::after { content: "\e9bc"; } .c-icon--z-business-education-office-solid::before, .c-icon-after--z-business-education-office-solid::after { content: "\e9bd"; } .c-icon--z-business-education-package-outline::before, .c-icon-after--z-business-education-package-outline::after { content: "\e9be"; } .c-icon--z-business-education-package-solid::before, .c-icon-after--z-business-education-package-solid::after { content: "\e9bf"; } .c-icon--z-business-education-suitcase-outline::before, .c-icon-after--z-business-education-suitcase-outline::after { content: "\e9c0"; } .c-icon--z-business-education-suitcase-solid::before, .c-icon-after--z-business-education-suitcase-solid::after { content: "\e9c1"; } .c-icon--z-business-education-tool-outline::before, .c-icon-after--z-business-education-tool-outline::after { content: "\e9c2"; } .c-icon--z-business-education-tool-solid::before, .c-icon-after--z-business-education-tool-solid::after { content: "\e9c3"; } .c-icon--z-communication-alert-triangle-outline::before, .c-icon-after--z-communication-alert-triangle-outline::after { content: "\e9c4"; } .c-icon--z-communication-alert-triangle-solid::before, .c-icon-after--z-communication-alert-triangle-solid::after { content: "\e9c5"; } .c-icon--z-communication-alert-circle-outline::before, .c-icon-after--z-communication-alert-circle-outline::after { content: "\e9c6"; } .c-icon--z-communication-alert-circle-solid::before, .c-icon-after--z-communication-alert-circle-solid::after { content: "\e9c7"; } .c-icon--z-communication-book-open-outline::before, .c-icon-after--z-communication-book-open-outline::after { content: "\e9c8"; } .c-icon--z-communication-book-open-solid::before, .c-icon-after--z-communication-book-open-solid::after { content: "\e9c9"; } .c-icon--z-communication-book-close-outline::before, .c-icon-after--z-communication-book-close-outline::after { content: "\e9ca"; } .c-icon--z-communication-book-close-solid::before, .c-icon-after--z-communication-book-close-solid::after { content: "\e9cb"; } .c-icon--z-communication-calendar-start-outline::before, .c-icon-after--z-communication-calendar-start-outline::after { content: "\e9cc"; } .c-icon--z-communication-calendar-start-solid::before, .c-icon-after--z-communication-calendar-start-solid::after { content: "\e9cd"; } .c-icon--z-communication-calendar-end-outline::before, .c-icon-after--z-communication-calendar-end-outline::after { content: "\e9ce"; } .c-icon--z-communication-calendar-end-solid::before, .c-icon-after--z-communication-calendar-end-solid::after { content: "\e9cf"; } .c-icon--z-communication-chat-outline::before, .c-icon-after--z-communication-chat-outline::after { content: "\e9d0"; } .c-icon--z-communication-chat-solid::before, .c-icon-after--z-communication-chat-solid::after { content: "\e9d1"; } .c-icon--z-communication-clock-outline::before, .c-icon-after--z-communication-clock-outline::after { content: "\e9d2"; } .c-icon--z-communication-clock-solid::before, .c-icon-after--z-communication-clock-solid::after { content: "\e9d3"; } .c-icon--z-communication-file-text-outline::before, .c-icon-after--z-communication-file-text-outline::after { content: "\e9d4"; } .c-icon--z-communication-file-text-solid::before, .c-icon-after--z-communication-file-text-solid::after { content: "\e9d5"; } .c-icon--z-communication-file-copy-outline::before, .c-icon-after--z-communication-file-copy-outline::after { content: "\e9d6"; } .c-icon--z-communication-file-copy-solid::before, .c-icon-after--z-communication-file-copy-solid::after { content: "\e9d7"; } .c-icon--z-communication-file-check-outline::before, .c-icon-after--z-communication-file-check-outline::after { content: "\e9d8"; } .c-icon--z-communication-file-check-solid::before, .c-icon-after--z-communication-file-check-solid::after { content: "\e9d9"; } .c-icon--z-communication-file-blank-outline::before, .c-icon-after--z-communication-file-blank-outline::after { content: "\e9da"; } .c-icon--z-communication-file-blank-solid::before, .c-icon-after--z-communication-file-blank-solid::after { content: "\e9db"; } .c-icon--z-communication-file-add-outline::before, .c-icon-after--z-communication-file-add-outline::after { content: "\e9dc"; } .c-icon--z-communication-file-add-solid::before, .c-icon-after--z-communication-file-add-solid::after { content: "\e9dd"; } .c-icon--z-communication-folder-outline::before, .c-icon-after--z-communication-folder-outline::after { content: "\e9de"; } .c-icon--z-communication-folder-solid::before, .c-icon-after--z-communication-folder-solid::after { content: "\e9df"; } .c-icon--z-communication-globe-outline::before, .c-icon-after--z-communication-globe-outline::after { content: "\e9e0"; } .c-icon--z-communication-globe-solid::before, .c-icon-after--z-communication-globe-solid::after { content: "\e9e1"; } .c-icon--z-communication-globe-stand-outline::before, .c-icon-after--z-communication-globe-stand-outline::after { content: "\e9e2"; } .c-icon--z-communication-globe-stand-solid::before, .c-icon-after--z-communication-globe-stand-solid::after { content: "\e9e3"; } .c-icon--z-communication-help-outline::before, .c-icon-after--z-communication-help-outline::after { content: "\e9e4"; } .c-icon--z-communication-help-solid::before, .c-icon-after--z-communication-help-solid::after { content: "\e9e5"; } .c-icon--z-communication-hourglass-outline::before, .c-icon-after--z-communication-hourglass-outline::after { content: "\e9e6"; } .c-icon--z-communication-hourglass-solid::before, .c-icon-after--z-communication-hourglass-solid::after { content: "\e9e7"; } .c-icon--z-communication-info-outline::before, .c-icon-after--z-communication-info-outline::after { content: "\e9e8"; } .c-icon--z-communication-info-solid::before, .c-icon-after--z-communication-info-solid::after { content: "\e9e9"; } .c-icon--z-communication-lightbulb-outline::before, .c-icon-after--z-communication-lightbulb-outline::after { content: "\e9ea"; } .c-icon--z-communication-lightbulb-solid::before, .c-icon-after--z-communication-lightbulb-solid::after { content: "\e9eb"; } .c-icon--z-communication-mail-open-outline::before, .c-icon-after--z-communication-mail-open-outline::after { content: "\e9ec"; } .c-icon--z-communication-mail-open-solid::before, .c-icon-after--z-communication-mail-open-solid::after { content: "\e9ed"; } .c-icon--z-communication-mail-close-outline::before, .c-icon-after--z-communication-mail-close-outline::after { content: "\e9ee"; } .c-icon--z-communication-mail-close-solid::before, .c-icon-after--z-communication-mail-close-solid::after { content: "\e9ef"; } .c-icon--z-communication-phone-outline::before, .c-icon-after--z-communication-phone-outline::after { content: "\e9f0"; } .c-icon--z-communication-phone-solid::before, .c-icon-after--z-communication-phone-solid::after { content: "\e9f1"; } .c-icon--z-communication-quote-open-outline::before, .c-icon-after--z-communication-quote-open-outline::after { content: "\e9f2"; } .c-icon--z-communication-quote-open-solid::before, .c-icon-after--z-communication-quote-open-solid::after { content: "\e9f3"; } .c-icon--z-communication-quote-close-outline::before, .c-icon-after--z-communication-quote-close-outline::after { content: "\e9f4"; } .c-icon--z-communication-quote-close-solid::before, .c-icon-after--z-communication-quote-close-solid::after { content: "\e9f5"; } .c-icon--z-communication-speech-outline::before, .c-icon-after--z-communication-speech-outline::after { content: "\e9f6"; } .c-icon--z-communication-speech-solid::before, .c-icon-after--z-communication-speech-solid::after { content: "\e9f7"; } .c-icon--z-device-watch-smart-outline::before, .c-icon-after--z-device-watch-smart-outline::after { content: "\e9f8"; } .c-icon--z-device-watch-smart-solid::before, .c-icon-after--z-device-watch-smart-solid::after { content: "\e9f9"; } .c-icon--z-device-watch-analog-outline::before, .c-icon-after--z-device-watch-analog-outline::after { content: "\e9fa"; } .c-icon--z-device-watch-analog-solid::before, .c-icon-after--z-device-watch-analog-solid::after { content: "\e9fb"; } .c-icon--z-device-tablet-outline::before, .c-icon-after--z-device-tablet-outline::after { content: "\e9fc"; } .c-icon--z-device-tablet-solid::before, .c-icon-after--z-device-tablet-solid::after { content: "\e9fd"; } .c-icon--z-device-mouse-outline::before, .c-icon-after--z-device-mouse-outline::after { content: "\e9fe"; } .c-icon--z-device-mouse-solid::before, .c-icon-after--z-device-mouse-solid::after { content: "\e9ff"; } .c-icon--z-device-mobile-search-outline::before, .c-icon-after--z-device-mobile-search-outline::after { content: "\ea00"; } .c-icon--z-device-mobile-search-solid::before, .c-icon-after--z-device-mobile-search-solid::after { content: "\ea01"; } .c-icon--z-device-mobile-outline::before, .c-icon-after--z-device-mobile-outline::after { content: "\ea02"; } .c-icon--z-device-mobile-solid::before, .c-icon-after--z-device-mobile-solid::after { content: "\ea03"; } .c-icon--z-device-laptop-outline::before, .c-icon-after--z-device-laptop-outline::after { content: "\ea04"; } .c-icon--z-device-laptop-solid::before, .c-icon-after--z-device-laptop-solid::after { content: "\ea05"; } .c-icon--z-device-headset-outline::before, .c-icon-after--z-device-headset-outline::after { content: "\ea06"; } .c-icon--z-device-headset-solid::before, .c-icon-after--z-device-headset-solid::after { content: "\ea07"; } .c-icon--z-device-game-outline::before, .c-icon-after--z-device-game-outline::after { content: "\ea08"; } .c-icon--z-device-game-solid::before, .c-icon-after--z-device-game-solid::after { content: "\ea09"; } .c-icon--z-device-devices-3-range-outline::before, .c-icon-after--z-device-devices-3-range-outline::after { content: "\ea0a"; } .c-icon--z-device-devices-3-range-solid::before, .c-icon-after--z-device-devices-3-range-solid::after { content: "\ea0b"; } .c-icon--z-device-devices-2-range-outline::before, .c-icon-after--z-device-devices-2-range-outline::after { content: "\ea0c"; } .c-icon--z-device-devices-2-range-solid::before, .c-icon-after--z-device-devices-2-range-solid::after { content: "\ea0d"; } .c-icon--z-device-desktop-outline::before, .c-icon-after--z-device-desktop-outline::after { content: "\ea0e"; } .c-icon--z-device-desktop-solid::before, .c-icon-after--z-device-desktop-solid::after { content: "\ea0f"; } .c-icon--z-device-camera-outline::before, .c-icon-after--z-device-camera-outline::after { content: "\ea10"; } .c-icon--z-device-camera-solid::before, .c-icon-after--z-device-camera-solid::after { content: "\ea11"; } .c-icon--z-device-calculator-outline::before, .c-icon-after--z-device-calculator-outline::after { content: "\ea12"; } .c-icon--z-device-calculator-solid::before, .c-icon-after--z-device-calculator-solid::after { content: "\ea13"; } .c-icon--z-environment-sun-outline::before, .c-icon-after--z-environment-sun-outline::after { content: "\ea14"; } .c-icon--z-environment-sun-solid::before, .c-icon-after--z-environment-sun-solid::after { content: "\ea15"; } .c-icon--z-environment-snowflake-outline::before, .c-icon-after--z-environment-snowflake-outline::after { content: "\ea16"; } .c-icon--z-environment-snowflake-solid::before, .c-icon-after--z-environment-snowflake-solid::after { content: "\ea17"; } .c-icon--z-environment-snow-outline::before, .c-icon-after--z-environment-snow-outline::after { content: "\ea18"; } .c-icon--z-environment-snow-solid::before, .c-icon-after--z-environment-snow-solid::after { content: "\ea19"; } .c-icon--z-environment-rain-outline::before, .c-icon-after--z-environment-rain-outline::after { content: "\ea1a"; } .c-icon--z-environment-rain-solid::before, .c-icon-after--z-environment-rain-solid::after { content: "\ea1b"; } .c-icon--z-environment-mountain-outline::before, .c-icon-after--z-environment-mountain-outline::after { content: "\ea1c"; } .c-icon--z-environment-mountain-solid::before, .c-icon-after--z-environment-mountain-solid::after { content: "\ea1d"; } .c-icon--z-environment-lightning-outline::before, .c-icon-after--z-environment-lightning-outline::after { content: "\ea1e"; } .c-icon--z-environment-lightning-solid::before, .c-icon-after--z-environment-lightning-solid::after { content: "\ea1f"; } .c-icon--z-environment-leaf-outline::before, .c-icon-after--z-environment-leaf-outline::after { content: "\ea20"; } .c-icon--z-environment-leaf-solid::before, .c-icon-after--z-environment-leaf-solid::after { content: "\ea21"; } .c-icon--z-environment-landscape-outline::before, .c-icon-after--z-environment-landscape-outline::after { content: "\ea22"; } .c-icon--z-environment-landscape-solid::before, .c-icon-after--z-environment-landscape-solid::after { content: "\ea23"; } .c-icon--z-environment-cloud-outline::before, .c-icon-after--z-environment-cloud-outline::after { content: "\ea24"; } .c-icon--z-environment-cloud-solid::before, .c-icon-after--z-environment-cloud-solid::after { content: "\ea25"; } .c-icon--z-finance-target-outline::before, .c-icon-after--z-finance-target-outline::after { content: "\ea26"; } .c-icon--z-finance-target-solid::before, .c-icon-after--z-finance-target-solid::after { content: "\ea27"; } .c-icon--z-finance-tag-outline::before, .c-icon-after--z-finance-tag-outline::after { content: "\ea28"; } .c-icon--z-finance-tag-solid::before, .c-icon-after--z-finance-tag-solid::after { content: "\ea29"; } .c-icon--z-finance-currency-pound-outline::before, .c-icon-after--z-finance-currency-pound-outline::after { content: "\ea2a"; } .c-icon--z-finance-currency-pound-solid::before, .c-icon-after--z-finance-currency-pound-solid::after { content: "\ea2b"; } .c-icon--z-finance-currency-euro-outline::before, .c-icon-after--z-finance-currency-euro-outline::after { content: "\ea2c"; } .c-icon--z-finance-currency-euro-solid::before, .c-icon-after--z-finance-currency-euro-solid::after { content: "\ea2d"; } .c-icon--z-finance-currency-dollar-outline::before, .c-icon-after--z-finance-currency-dollar-outline::after { content: "\ea2e"; } .c-icon--z-finance-currency-dollar-solid::before, .c-icon-after--z-finance-currency-dollar-solid::after { content: "\ea2f"; } .c-icon--z-finance-coin-outline::before, .c-icon-after--z-finance-coin-outline::after { content: "\ea30"; } .c-icon--z-finance-coin-solid::before, .c-icon-after--z-finance-coin-solid::after { content: "\ea31"; } .c-icon--z-finance-chart-pie-outline::before, .c-icon-after--z-finance-chart-pie-outline::after { content: "\ea32"; } .c-icon--z-finance-chart-pie-solid::before, .c-icon-after--z-finance-chart-pie-solid::after { content: "\ea33"; } .c-icon--z-finance-cart-outline::before, .c-icon-after--z-finance-cart-outline::after { content: "\ea34"; } .c-icon--z-finance-cart-solid::before, .c-icon-after--z-finance-cart-solid::after { content: "\ea35"; } .c-icon--z-health-wheelchair-outline::before, .c-icon-after--z-health-wheelchair-outline::after { content: "\ea36"; } .c-icon--z-health-wheelchair-solid::before, .c-icon-after--z-health-wheelchair-solid::after { content: "\ea37"; } .c-icon--z-health-smoke-outline::before, .c-icon-after--z-health-smoke-outline::after { content: "\ea38"; } .c-icon--z-health-smoke-solid::before, .c-icon-after--z-health-smoke-solid::after { content: "\ea39"; } .c-icon--z-health-medication-outline::before, .c-icon-after--z-health-medication-outline::after { content: "\ea3a"; } .c-icon--z-health-medication-solid::before, .c-icon-after--z-health-medication-solid::after { content: "\ea3b"; } .c-icon--z-health-hearth-medical-outline::before, .c-icon-after--z-health-hearth-medical-outline::after { content: "\ea3c"; } .c-icon--z-health-hearth-medical-solid::before, .c-icon-after--z-health-hearth-medical-solid::after { content: "\ea3d"; } .c-icon--z-health-hearth-cardio-outline::before, .c-icon-after--z-health-hearth-cardio-outline::after { content: "\ea3e"; } .c-icon--z-health-hearth-cardio-solid::before, .c-icon-after--z-health-hearth-cardio-solid::after { content: "\ea3f"; } .c-icon--z-health-glass-outline::before, .c-icon-after--z-health-glass-outline::after { content: "\ea40"; } .c-icon--z-health-glass-solid::before, .c-icon-after--z-health-glass-solid::after { content: "\ea41"; } .c-icon--z-health-first-aid-outline::before, .c-icon-after--z-health-first-aid-outline::after { content: "\ea42"; } .c-icon--z-health-first-aid-solid::before, .c-icon-after--z-health-first-aid-solid::after { content: "\ea43"; } .c-icon--z-health-dining-bell-outline::before, .c-icon-after--z-health-dining-bell-outline::after { content: "\ea44"; } .c-icon--z-health-dining-bell-solid::before, .c-icon-after--z-health-dining-bell-solid::after { content: "\ea45"; } .c-icon--z-health-cup-outline::before, .c-icon-after--z-health-cup-outline::after { content: "\ea46"; } .c-icon--z-health-cup-solid::before, .c-icon-after--z-health-cup-solid::after { content: "\ea47"; } .c-icon--z-mobility-trolley-outline::before, .c-icon-after--z-mobility-trolley-outline::after { content: "\ea48"; } .c-icon--z-mobility-trolley-solid::before, .c-icon-after--z-mobility-trolley-solid::after { content: "\ea49"; } .c-icon--z-mobility-train-outline::before, .c-icon-after--z-mobility-train-outline::after { content: "\ea4a"; } .c-icon--z-mobility-train-solid::before, .c-icon-after--z-mobility-train-solid::after { content: "\ea4b"; } .c-icon--z-mobility-station-gas-outline::before, .c-icon-after--z-mobility-station-gas-outline::after { content: "\ea4c"; } .c-icon--z-mobility-station-gas-solid::before, .c-icon-after--z-mobility-station-gas-solid::after { content: "\ea4d"; } .c-icon--z-mobility-station-electric-outline::before, .c-icon-after--z-mobility-station-electric-outline::after { content: "\ea4e"; } .c-icon--z-mobility-station-electric-solid::before, .c-icon-after--z-mobility-station-electric-solid::after { content: "\ea4f"; } .c-icon--z-mobility-space-outline::before, .c-icon-after--z-mobility-space-outline::after { content: "\ea50"; } .c-icon--z-mobility-space-solid::before, .c-icon-after--z-mobility-space-solid::after { content: "\ea51"; } .c-icon--z-mobility-ship-outline::before, .c-icon-after--z-mobility-ship-outline::after { content: "\ea52"; } .c-icon--z-mobility-ship-solid::before, .c-icon-after--z-mobility-ship-solid::after { content: "\ea53"; } .c-icon--z-mobility-scooter-outline::before, .c-icon-after--z-mobility-scooter-outline::after { content: "\ea54"; } .c-icon--z-mobility-scooter-solid::before, .c-icon-after--z-mobility-scooter-solid::after { content: "\ea55"; } .c-icon--z-mobility-rocket-outline::before, .c-icon-after--z-mobility-rocket-outline::after { content: "\ea56"; } .c-icon--z-mobility-rocket-solid::before, .c-icon-after--z-mobility-rocket-solid::after { content: "\ea57"; } .c-icon--z-mobility-plane-landing-outline::before, .c-icon-after--z-mobility-plane-landing-outline::after { content: "\ea58"; } .c-icon--z-mobility-plane-landing-solid::before, .c-icon-after--z-mobility-plane-landing-solid::after { content: "\ea59"; } .c-icon--z-mobility-plane-flying-outline::before, .c-icon-after--z-mobility-plane-flying-outline::after { content: "\ea5a"; } .c-icon--z-mobility-plane-flying-solid::before, .c-icon-after--z-mobility-plane-flying-solid::after { content: "\ea5b"; } .c-icon--z-mobility-pin-outline::before, .c-icon-after--z-mobility-pin-outline::after { content: "\ea5c"; } .c-icon--z-mobility-pin-solid::before, .c-icon-after--z-mobility-pin-solid::after { content: "\ea5d"; } .c-icon--z-mobility-location-outline::before, .c-icon-after--z-mobility-location-outline::after { content: "\ea5e"; } .c-icon--z-mobility-location-solid::before, .c-icon-after--z-mobility-location-solid::after { content: "\ea5f"; } .c-icon--z-mobility-compass-outline::before, .c-icon-after--z-mobility-compass-outline::after { content: "\ea60"; } .c-icon--z-mobility-compass-solid::before, .c-icon-after--z-mobility-compass-solid::after { content: "\ea61"; } .c-icon--z-mobility-car-outline::before, .c-icon-after--z-mobility-car-outline::after { content: "\ea62"; } .c-icon--z-mobility-car-solid::before, .c-icon-after--z-mobility-car-solid::after { content: "\ea63"; } .c-icon--z-mobility-bus-outline::before, .c-icon-after--z-mobility-bus-outline::after { content: "\ea64"; } .c-icon--z-mobility-bus-solid::before, .c-icon-after--z-mobility-bus-solid::after { content: "\ea65"; } .c-icon--z-mobility-bike-outline::before, .c-icon-after--z-mobility-bike-outline::after { content: "\ea66"; } .c-icon--z-mobility-bike-solid::before, .c-icon-after--z-mobility-bike-solid::after { content: "\ea67"; } .c-icon--z-navigation-more-vertical-outline::before, .c-icon-after--z-navigation-more-vertical-outline::after { content: "\ea68"; } .c-icon--z-navigation-more-vertical-solid::before, .c-icon-after--z-navigation-more-vertical-solid::after { content: "\ea69"; } .c-icon--z-navigation-more-horizontal-outline::before, .c-icon-after--z-navigation-more-horizontal-outline::after { content: "\ea6a"; } .c-icon--z-navigation-more-horizontal-solid::before, .c-icon-after--z-navigation-more-horizontal-solid::after { content: "\ea6b"; } .c-icon--z-navigation-home-outline::before, .c-icon-after--z-navigation-home-outline::after { content: "\ea6c"; } .c-icon--z-navigation-home-solid::before, .c-icon-after--z-navigation-home-solid::after { content: "\ea6d"; } .c-icon--z-navigation-arrow-long-down::before, .c-icon-after--z-navigation-arrow-long-down::after { content: "\ea6e"; } .c-icon--z-navigation-arrow-long-left-down::before, .c-icon-after--z-navigation-arrow-long-left-down::after { content: "\ea6f"; } .c-icon--z-navigation-arrow-long-left::before, .c-icon-after--z-navigation-arrow-long-left::after { content: "\ea70"; } .c-icon--z-navigation-arrow-long-right-up::before, .c-icon-after--z-navigation-arrow-long-right-up::after { content: "\ea71"; } .c-icon--z-navigation-arrow-long-right::before, .c-icon-after--z-navigation-arrow-long-right::after { content: "\ea72"; } .c-icon--z-navigation-arrow-long-up::before, .c-icon-after--z-navigation-arrow-long-up::after { content: "\ea73"; } .c-icon--z-navigation-arrow-control-maximize::before, .c-icon-after--z-navigation-arrow-control-maximize::after { content: "\ea74"; } .c-icon--z-navigation-arrow-control-minimize::before, .c-icon-after--z-navigation-arrow-control-minimize::after { content: "\ea75"; } .c-icon--z-navigation-arrow-control-reload::before, .c-icon-after--z-navigation-arrow-control-reload::after { content: "\ea76"; } .c-icon--z-navigation-arrow-control-repeat::before, .c-icon-after--z-navigation-arrow-control-repeat::after { content: "\ea77"; } .c-icon--z-navigation-arrow-control-return::before, .c-icon-after--z-navigation-arrow-control-return::after { content: "\ea78"; } .c-icon--z-navigation-arrow-down::before, .c-icon-after--z-navigation-arrow-down::after { content: "\ea79"; } .c-icon--z-navigation-arrow-left::before, .c-icon-after--z-navigation-arrow-left::after { content: "\ea7a"; } .c-icon--z-navigation-arrow-right::before, .c-icon-after--z-navigation-arrow-right::after { content: "\ea7b"; } .c-icon--z-navigation-arrow-up::before, .c-icon-after--z-navigation-arrow-up::after { content: "\ea7c"; } .c-icon--z-navigation-close::before, .c-icon-after--z-navigation-close::after { content: "\ea7d"; } .c-icon--z-navigation-menu::before, .c-icon-after--z-navigation-menu::after { content: "\ea7e"; } .c-icon--z-navigation-minus::before, .c-icon-after--z-navigation-minus::after { content: "\ea7f"; } .c-icon--z-navigation-plus::before, .c-icon-after--z-navigation-plus::after { content: "\ea80"; } .c-icon--z-user-male-outline::before, .c-icon-after--z-user-male-outline::after { content: "\ea81"; } .c-icon--z-user-male-solid::before, .c-icon-after--z-user-male-solid::after { content: "\ea82"; } .c-icon--z-user-help-outline::before, .c-icon-after--z-user-help-outline::after { content: "\ea83"; } .c-icon--z-user-help-solid::before, .c-icon-after--z-user-help-solid::after { content: "\ea84"; } .c-icon--z-user-female-outline::before, .c-icon-after--z-user-female-outline::after { content: "\ea85"; } .c-icon--z-user-female-solid::before, .c-icon-after--z-user-female-solid::after { content: "\ea86"; } .c-icon--z-user-alert-outline::before, .c-icon-after--z-user-alert-outline::after { content: "\ea87"; } .c-icon--z-user-alert-solid::before, .c-icon-after--z-user-alert-solid::after { content: "\ea88"; } .c-icon--z-thumb-up-outline::before, .c-icon-after--z-thumb-up-outline::after { content: "\ea89"; } .c-icon--z-thumb-up-solid::before, .c-icon-after--z-thumb-up-solid::after { content: "\ea8a"; } .c-icon--z-thumb-down-outline::before, .c-icon-after--z-thumb-down-outline::after { content: "\ea8b"; } .c-icon--z-thumb-down-solid::before, .c-icon-after--z-thumb-down-solid::after { content: "\ea8c"; } .c-icon--z-team-outline::before, .c-icon-after--z-team-outline::after { content: "\ea8d"; } .c-icon--z-team-solid::before, .c-icon-after--z-team-solid::after { content: "\ea8e"; } .c-icon--z-handshake-outline::before, .c-icon-after--z-handshake-outline::after { content: "\ea8f"; } .c-icon--z-handshake-solid::before, .c-icon-after--z-handshake-solid::after { content: "\ea90"; } .c-icon--z-family-outline::before, .c-icon-after--z-family-outline::after { content: "\ea91"; } .c-icon--z-family-solid::before, .c-icon-after--z-family-solid::after { content: "\ea92"; } .c-icon--z-face-sad-outline::before, .c-icon-after--z-face-sad-outline::after { content: "\ea93"; } .c-icon--z-face-sad-solid::before, .c-icon-after--z-face-sad-solid::after { content: "\ea94"; } .c-icon--z-face-neutral-outline::before, .c-icon-after--z-face-neutral-outline::after { content: "\ea95"; } .c-icon--z-face-neutral-solid::before, .c-icon-after--z-face-neutral-solid::after { content: "\ea96"; } .c-icon--z-face-happy-outline::before, .c-icon-after--z-face-happy-outline::after { content: "\ea97"; } .c-icon--z-face-happy-solid::before, .c-icon-after--z-face-happy-solid::after { content: "\ea98"; } .c-icon--z-shield-plus-outline::before, .c-icon-after--z-shield-plus-outline::after { content: "\ea99"; } .c-icon--z-shield-plus-solid::before, .c-icon-after--z-shield-plus-solid::after { content: "\ea9a"; } .c-icon--z-shield-check-outline::before, .c-icon-after--z-shield-check-outline::after { content: "\ea9b"; } .c-icon--z-shield-check-solid::before, .c-icon-after--z-shield-check-solid::after { content: "\ea9c"; } .c-icon--z-shield-alt-outline::before, .c-icon-after--z-shield-alt-outline::after { content: "\ea9d"; } .c-icon--z-shield-alt-solid::before, .c-icon-after--z-shield-alt-solid::after { content: "\ea9e"; } .c-icon--z-lock-process-outline::before, .c-icon-after--z-lock-process-outline::after { content: "\ea9f"; } .c-icon--z-lock-process-solid::before, .c-icon-after--z-lock-process-solid::after { content: "\eaa0"; } .c-icon--z-lock-open-outline::before, .c-icon-after--z-lock-open-outline::after { content: "\eaa1"; } .c-icon--z-lock-open-solid::before, .c-icon-after--z-lock-open-solid::after { content: "\eaa2"; } .c-icon--z-lock-close-outline::before, .c-icon-after--z-lock-close-outline::after { content: "\eaa3"; } .c-icon--z-lock-close-solid::before, .c-icon-after--z-lock-close-solid::after { content: "\eaa4"; } .c-icon--z-cone-outline::before, .c-icon-after--z-cone-outline::after { content: "\eaa5"; } .c-icon--z-cone-solid::before, .c-icon-after--z-cone-solid::after { content: "\eaa6"; } .c-icon--z-social-facebook::before, .c-icon-after--z-social-facebook::after { content: "\eaa7"; } .c-icon--z-social-instagram::before, .c-icon-after--z-social-instagram::after { content: "\eaa8"; } .c-icon--z-social-linkedin::before, .c-icon-after--z-social-linkedin::after { content: "\eaa9"; } .c-icon--z-social-pinterest::before, .c-icon-after--z-social-pinterest::after { content: "\eaaa"; } .c-icon--z-social-tiktok::before, .c-icon-after--z-social-tiktok::after { content: "\eaab"; } .c-icon--z-social-twitter::before, .c-icon-after--z-social-twitter::after { content: "\eaac"; } .c-icon--z-social-whatsapp::before, .c-icon-after--z-social-whatsapp::after { content: "\eaad"; } .c-icon--z-social-workplace::before, .c-icon-after--z-social-workplace::after { content: "\eaae"; } .c-icon--z-social-xing::before, .c-icon-after--z-social-xing::after { content: "\eaaf"; } .c-icon--z-social-yammer::before, .c-icon-after--z-social-yammer::after { content: "\eab0"; } .c-icon--z-social-youtube::before, .c-icon-after--z-social-youtube::after { content: "\eab1"; } .c-icon--z-vita-filter::before, .c-icon-after--z-vita-filter::after { content: "\e976"; } .c-icon--z-vita-download::before, .c-icon-after--z-vita-download::after { content: "\e97f"; } .c-icon--z-four-leaf-outline::before, .c-icon-after--z-four-leaf-outline::after { content: "\e90f"; } .c-icon--z-gallery-outline::before, .c-icon-after--z-gallery-outline::after { content: "\e910"; } .c-icon--z-gift-outline::before, .c-icon-after--z-gift-outline::after { content: "\e911"; } .c-icon--z-loading-outline::before, .c-icon-after--z-loading-outline::after { content: "\e915"; } .c-icon--z-mortgage-outline::before, .c-icon-after--z-mortgage-outline::after { content: "\e918"; } .c-icon--z-share::before, .c-icon-after--z-share::after { content: "\e91f"; } .c-icon--z-gallery-solid::before, .c-icon-after--z-gallery-solid::after { content: "\e931"; } .c-icon--z-gift-solid::before, .c-icon-after--z-gift-solid::after { content: "\e932"; } .c-icon--z-loading-solid::before, .c-icon-after--z-loading-solid::after { content: "\e935"; } .c-icon--z-mortgage-solid::before, .c-icon-after--z-mortgage-solid::after { content: "\e938"; } .c-icon--z-skype-outline::before, .c-icon-after--z-skype-outline::after { content: "\e95a"; } .c-icon--z-zurich::before, .c-icon-after--z-zurich::after { content: "\e95e"; } .c-icon--z-skype-solid::before, .c-icon-after--z-skype-solid::after { content: "\e960"; } @font-face { font-family: "VWHeadWeb-Bold"; src: url(VWHeadWeb-Bold.woff) format("woff"); } @font-face { font-family: "VWHeadWeb-Regular"; src: url(VWHeadWeb-Regular.woff) format("woff"); } @font-face { font-family: "VWTextWeb-Regular"; src: url(VWTextWeb-Regular.woff) format("woff"); } @font-face { font-family: "VWTextWeb-Bold"; src: url(VWTextWeb-Bold.woff) format("woff"); } @font-face { font-family: "z-icons"; font-display: block; src: url(z-icons.4e57c3c6.woff2) format("woff2"), url(z-icons.80834da0.woff) format("woff"); font-weight: normal; font-style: normal; } /* global layout */ .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item:not(.sk-uigroup--no-padding):not(.skyeProductOverviewColumn), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item.skyePriceBar + .sk-uigroup-item, .sk-progress-bar + .sk-process-step > .sk-root > .sk-root-content.sk-uigroup-item-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-skeleton-content { max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item:not(.sk-uigroup--no-padding):not(.skyeProductOverviewColumn), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item.skyePriceBar + .sk-uigroup-item, .sk-progress-bar + .sk-process-step > .sk-root > .sk-root-content.sk-uigroup-item-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-skeleton-content { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item:not(.sk-uigroup--no-padding):not(.skyeProductOverviewColumn), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-progress-bar + .sk-process-step .sk-root-content > .sk-basic.sk-uigroup > .sk-uigroup-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item.skyePriceBar + .sk-uigroup-item, .sk-progress-bar + .sk-process-step > .sk-root > .sk-root-content.sk-uigroup-item-content > .sk-fieldset.sk-uigroup > .sk-uigroup-content > .sk-uigroup-item:not(.skyePriceBar), .sk-skeleton-content { padding: 0 var(--layout-margin-m-min); } } .sk-process-form:not(.sk-process-step) .sk-navigation, [id*="AboMotorvehiclePremiumOverviewUIDef-FieldsetGroup2-Fieldset2"] { max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-process-form:not(.sk-process-step) .sk-navigation, [id*="AboMotorvehiclePremiumOverviewUIDef-FieldsetGroup2-Fieldset2"] { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-process-form:not(.sk-process-step) .sk-navigation, [id*="AboMotorvehiclePremiumOverviewUIDef-FieldsetGroup2-Fieldset2"] { padding: 0 var(--layout-margin-m-min); } } /* Reset @apply --layout-wrapper on nested (sk-uigroup-item) elements */ .sk-process-content, .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item .sk-uigroup-item, .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item .sk-navigation { padding: 0 !important; } .sk-fieldset:first-of-type > .sk-uigroup-content > .sk-uigroup-item.skyeProductOverviewColumns .sk-navigation { padding: 0 24px 24px !important; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-CalculatePremiumButton"] .sk-button-list.sk-button-list--next { justify-content: flex-start !important; } .sk-toolbar { display: none; } .sk-attr { display: block; width: 100%; margin-bottom: 2rem; } .sk-attr.sk-container { margin-bottom: 0; } #sk-AboMotorvehicleProduct-PartyRoles-Subgarage-amagSelectSubgarageFlexdata .sk-field { padding: 0 8px 0 0; } .skyeField--reducedWidth, .skyeField--reducedWidthMedium { width: 100%; } @media (min-width: 768px) { .skyeField--reducedWidth, .skyeField--reducedWidthMedium { width: 50%; } } .sk-field { display: block; } @media (min-width: 768px) { .skyeField--reducedWidth.sk-attr .sk-field input { width: 100%; } } .skyeLayoutTwoBox > .sk-uigroup-item-content > .sk-fieldset { float: left; width: 50%; } .skyeLayoutTwoBox > .sk-uigroup-item-content > .sk-fieldset:nth-child(2n) { clear: both; padding-right: 16px; } .skyeLayoutTwoBox .sk-attr .sk-label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .skyeLayoutTwoBox .sk-attr .sk-label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyeLayoutTwoBox .sk-attr .sk-label ul { list-style: none; } .skyeLayoutTwoBox .sk-attr .sk-label ul li { padding-bottom: 0.5rem; } .skyeLayoutTwoBox .sk-attr .sk-label .skyeListLikeTable li span { display: table-cell; padding: 0 12px 12px 0; } .skyeLayoutTwoBox .skyeSection--whiteBackground { padding-top: 2rem; clear: both; } .skyeLayoutTwoBox .skyeSection--whiteBackground .sk-label { font-weight: 700; font-size: 14px; line-height: 1.5; } .sk-payment__wrapper { margin-top: 3rem !important; } .sk-table li { } .sk-table .cell { display: unset !important; } .sk-table .cell :first-child label > table > tbody > tr:first-child { border-bottom: 2px solid var(--text-default); height: 80px; } .sk-table, table { border: none !important; } :root { --color-icon-disabled: #b2cbcb; } i { font-style: normal !important; } /* font awesome overwrites START */ .fal, .fad { font-weight: 400; font-size: 16px; line-height: 1.5; font-family: var(--icon-font); line-height: 1; } .fal { position: relative; top: 2px; } .fad::before { position: inherit; } .fa-search::before { content: var(--icon-z-action-search-outline); } .fa-exclamation-triangle::before { content: var(--icon-z-communication-alert-circle-outline); } .fa-info-circle, .fa-check-circle { display: none; } /* font awesome overwrites END */ .sk-message-icon::before { padding-right: var(--size-base); } .sk-message-icon::after { display: none; } /* disabled form fields */ .skyeInput--disabled .sk-field::after, [data-disabled="true"]:not(.skyeRadioAsButton) .sk-field::after, .sk-attr.sk-checkbox[data-disabled="true"] .sk-field .sk-option-list .sk-option-item::after, [data-disabled="true"][data-component-type="TEXTBOX"] .sk-field::after { font-family: var(--icon-font); content: var(--icon-z-lock-close-solid); line-height: 1; position: absolute; right: var(--size-small); top: 50%; margin-top: calc(var(--size-base) * -1); color: var(--color-icon-disabled); } [data-disabled="true"] .sk-field .react-select--is-disabled .react-select__control::before, [data-disabled="true"] .sk-field .sk-autocomplete .sk-autocomplete-icon::before { color: var(--color-icon-disabled); } .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header > .sk-info, .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header > .sk-modal-icon { top: -6px; } @media (min-width: 768px) { .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header > .sk-info, .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header > .sk-modal-icon { top: -10px; } } /* stylelint-disable selector-id-pattern */ #sk-MotorvehicleProduct-Product-Risk-plateCanton .sk-field::after { /* MF license plate entry doesn't include icon */ display: none; } .sk-back-top { display: none; } #sk-uigroup-item-content-barchartPocProcess1UI1-FieldsetGroup-Fieldset1, #sk-fieldset-item-barchartPocProcess1UI1-FieldsetGroup-Fieldset1, #sk-progress-bar-step-1, #sk-Charts-destktopBarchart > .sk-label, #sk-Charts-mobileBarchart > .sk-label, #sk-barchartPoc-Charts-desktopYLabel, #sk-barchartPoc-Charts-desktopXlabel, #sk-barchartPoc-Charts-mobileXLabel, #sk-barchartPoc-Charts-mobileYLabel { display: none; } /* Special case for Life calculator */ /* START */ #providentFund-Product-explanation { display: none; } #sk-providentFund-Product-explanation .sk-field::after { display: none; } #sk-providentFund-Product-Graphics-savingsXLabel, #sk-providentFund-Product-Graphics-savingsYLabel { display: none; } #sk-providentFund-Product-Graphics-savingsBarChart { margin-bottom: 0.75rem; } #sk-providentFund-Product-Graphics-savingsBarChart > .sk-label { margin-bottom: 1.5rem; } #sk-providentFund-Product-Graphics-barChart15 { display: none; } @media (min-width: 768px) { #sk-providentFund-Product-Graphics-barChart15 { display: block; } } #sk-providentFund-Product-Graphics-barChart10 { display: none; } @media (max-width: 767px) { #sk-providentFund-Product-Graphics-barChart10 { display: block; } } #sk-providentFund-Product-Graphics-barChart10 .sk-field { min-width: 100% !important; } /* END */ .react-select { position: relative; width: 100%; } .react-select .react-select__single-value { color: var(--brand-primaryDark) !important; margin: 0 !important; max-width: none; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; top: auto; transform: none; } .react-select .react-select__single-value + div { visibility: visible; color: var(--brand-primaryDark) !important; align-items: center; } .react-select__value-container { display: inherit !important; padding: 0 !important; align-items: center; flex-wrap: nowrap !important; max-height: 26px; } .react-select__control { width: 100%; display: flex !important; padding: var(--size-base) var(--size-medium) var(--size-base) var(--size-large) !important; background-color: #edeef0 !important; border: 2px solid transparent !important; border-radius: 28px !important; line-height: 1; height: 56px !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; } .react-select__control:hover { cursor: text; } .react-select__placeholder { margin: 0 !important; color: var(--color-zurichBlue) !important; } .react-select__placeholder + div { margin: 0 !important; padding: 0 !important; } .react-select__control--menu-is-open { border: 2px solid var(--brand-primaryDark); } .react-select__control::before { position: absolute; top: 50%; transform: translateY(-50%); left: var(--input-icon-horizontal-left-position); right: var(--input-icon-horizontal-right-position); font-family: var(--icon-font); font-size: 18px; content: "\ea79"; } .react-select__control:hover, .react-select__control:focus { border-color: var(--t-alternative__themeAtom-backgroundHover) !important; } .react-select__input { width: 2px; background: 0; border: 0; font-size: inherit; opacity: 1; outline: 0; padding: 0; color: inherit; } .react-select__input input { min-height: inherit !important; } .react-select__input + div { position: absolute; top: 0; left: 0; visibility: hidden; height: 0; overflow: scroll; } .react-select__indicator-separator, .react-select__indicators, .react-select__indicators { display: none !important; } .react-select__menu { top: 100%; width: 100%; background-color: #fff; border-radius: 4px; box-shadow: var(--tooltip-shadow) !important; margin: 0 !important; position: inherit !important; z-index: 1; } .react-select__menu-notice.react-select__menu-notice--no-options { text-align: left; } .react-select__menu-list { width: 100% !important; max-height: 300px; overflow-y: auto; padding: 0 !important; position: relative; } .react-select__option { background-color: #fff !important; color: inherit; cursor: default; display: block; font-size: inherit; padding: 8px 12px; width: 100%; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .react-select__option:hover { background-color: #f5f5f5 !important; cursor: pointer; } .react-select__option.react-select__option--is-selected { background-color: #2684ff; color: var(--brand-primaryDark) !important; cursor: pointer; display: block; font-size: inherit; padding: 8px 12px; width: 100%; -webkit-user-select: none; user-select: none; } .react-autosuggest__container { position: relative; } .react-autosuggest__container i { position: absolute; left: 3px; top: 4px; } .react-autosuggest__input--focused { outline: none; } .react-autosuggest__input::-ms-clear { display: none; } .react-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .react-autosuggest__suggestions-container { display: none; } .react-autosuggest__suggestions-container--open { display: block; width: 100%; border: 1px solid #aaa; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; font-family: var(--typo-default) !important; } .react-autosuggest__suggestions-list { max-height: 350px; overflow: auto; margin: 0; padding: 0; list-style-type: none; } .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .react-autosuggest__suggestion:hover { background-color: #f5f5f5 !important; } .react-autosuggest__suggestion--highlighted { background-color: #228b9d; color: var(--reverse-font-color); } .react-autosuggest__section-container { border-top: 1px dashed #ccc; } .react-autosuggest__section-container--first { border-top: 0; } .react-autosuggest__section-title { padding: 10px 0 0 10px; font-size: 12px; color: #777; } .sk-autocomplete input { width: 100%; } @media (min-width: 768px) { .sk-autocomplete input { width: 50%; } } .sk-autocomplete-icon.sk-input-icon { top: 28px !important; } .sk-autocomplete.sk-autocomplete-toomanyrecords .react-autosuggest__suggestion:last-child { pointer-events: none; color: var(--super-dark-grey-color); } .sk-autocomplete .react-autosuggest__suggestions-container--open { top: calc(var(--attr-min-height) + 5px); border: 0; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); z-index: 10000; position: relative; /* overwrite the react menu's position to stay in flow */ } .sk-autocomplete .react-autosuggest__suggestions-container--open .react-autosuggest__suggestion { min-height: 36px; line-height: inherit; color: var(--input-font-color); font-size: 20px; } .sk-autocomplete .react-autosuggest__suggestions-container--open .react-autosuggest__suggestion:hover { background-color: #f5f5f5 !important; } .sk-autocomplete .react-autosuggest__suggestions-container--open .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted { background-color: #f5f5f5; } .sk-attr--loading .sk-autocomplete i { display: block; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Re-style the navigation buttons */ .sk-process .sk-navigation { max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-process .sk-navigation { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-process .sk-navigation { padding: 0 var(--layout-margin-m-min); } } .sk-process .sk-navigation { margin-top: var(--size-layout-gutter); display: flex; flex-direction: column; } @media screen and (min-width: 675px) { .sk-process .sk-navigation { justify-content: space-between; flex-direction: row; } .sk-process .sk-navigation[data-buttons-count="1"] > .sk-button-list--next, .sk-process .sk-navigation[data-buttons-count="2"] > .sk-button-list--next:only-child { width: 100%; display: flex; justify-content: flex-end; } :is(.sk-process .sk-navigation[data-buttons-count="1"] > .sk-button-list--next,.sk-process .sk-navigation[data-buttons-count="2"] > .sk-button-list--next:only-child) > * { margin-left: var(--size-base); } .sk-process .sk-navigation[data-buttons-count="3"] .sk-button-list:last-child, .sk-process .sk-navigation[data-buttons-count="4"] .sk-button-list:last-child { flex-basis: 75%; max-width: 75%; display: flex; justify-content: flex-end; align-items: center; } .sk-process .sk-navigation[data-buttons-count="3"] .sk-button-list:last-child > *, .sk-process .sk-navigation[data-buttons-count="4"] .sk-button-list:last-child > * { margin-left: var(--size-base); } } .sk-button { text-align: center; margin-top: var(--size-small); padding: var(--size-base) var(--size-medium); background-color: var(--color-zurichBlue); color: var(--text-inverted); border: 2px solid transparent; border-radius: 28px !important; line-height: 1.5; min-height: 56px; cursor: pointer; transition: all 250ms; } .sk-button:hover { background-color: var(--t-alternative__themeAtom-backgroundHover); } .sk-button:focus { background-color: var(--t-alternative__themeAtom-backgroundFocus); } .sk-button .icon-loading { display: none; } @media screen and (max-width: 675px) { .sk-button--back, .sk-button--next { width: 100%; } } .sk-button--back i, .sk-button--next i { display: none; } .sk-button--back, .sk-button--action, .sk-button--offer, .skye-price-bar__container button.sk-button:first-child { background-color: var(--color-white); border-color: var(--themeOrganism-linkActive); color: var(--themeOrganism-linkActive); } :is(.sk-button--back,.sk-button--action,.sk-button--offer,.skye-price-bar__container button.sk-button:first-child):hover { background-color: var(--themeAtom-backgroundHover); color: var(--t-alternative__themeAtom-backgroundHover); } :is(.sk-button--back,.sk-button--action,.sk-button--offer,.skye-price-bar__container button.sk-button:first-child):focus { background-color: var(--themeAtom-backgroundFocus); color: var(--t-alternative__themeAtom-backgroundFocus); } .skye-price-bar__container button.sk-button:first-child { border: 2px solid var(--themeOrganism-linkActive); } .sk-button--disabled { opacity: 0.5; transition: none; cursor: auto; } .sk-button--disabled:hover, .sk-button--disabled:focus { background-color: var(--color-zurichBlue); } .sk-button--loading { padding-left: calc( var(--button-bezel-y) + var(--size-icon-size) + var(--size-button-inline-icon-stack) ) !important; position: relative; } .sk-button--loading::before { animation: spin 0.6s linear infinite; border: var(--button-border-width) solid var(--interactive-linkActive); border-radius: 50%; border-top-color: transparent; box-sizing: border-box; content: ""; height: var(--size-icon-size); margin-left: calc( -1 * (var(--size-icon-size) + var(--size-button-inline-icon-stack)) ); margin-right: var(--size-base); width: var(--size-icon-size); position: absolute; left: var(--size-large); } .sk-button--next.sk-button--loading::before { border-color: var(--feedback-infoForeground); border-top-color: transparent; } .sk-button--offer.sk-button--next.sk-button--loading::before { border-color: var(--interactive-linkActive); border-top-color: transparent; } .skyeSticky .sk-button { margin-top: 0; margin-left: 0; margin-right: 1rem; } @media (max-width: 767px) { .skyeSticky .sk-button { display: none; } } .sk-button--next:is(.skyeSticky .sk-button) + .sk-button.sk-button--next { margin-left: 0; } @media (max-width: 767px) { .skyeProductOverviewColumn .sk-button { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .skyeProductOverviewColumn .sk-button { width: 100%; } } .skyeProductOverviewColumn .sk-button:last-child { background-color: var(--color-zurichBlue) !important; color: var(--text-inverted) !important; border: 2px solid transparent; } .skyeProductOverviewColumn .sk-button:last-child:hover { background-color: var( --t-alternative__themeAtom-backgroundHover ) !important; } .skyeProductOverviewColumn .sk-button:last-child:focus { background-color: var( --t-alternative__themeAtom-backgroundFocus ) !important; } .skyeProductOverviewColumn .sk-button.sk-button--loading:last-child::before { border-color: var(--feedback-infoForeground); border-top-color: transparent; } .skyeProductOverviewColumn .sk-button-list { display: block; margin: 0 auto auto; } @media (max-width: 767px) { .skyeRadioAsButtonPrimary .sk-option-item { display: block; } } .skyeRadioAsButtonPrimary .sk-option-item > input.sk-focusable { display: none; } .skyeRadioAsButtonPrimary .sk-option-item > label { text-align: center; margin-top: var(--size-small); padding: var(--size-base) var(--size-medium); background-color: var(--color-zurichBlue); color: var(--text-inverted); border: 2px solid transparent; border-radius: 28px !important; line-height: 1.5; min-height: 56px; cursor: pointer; transition: all 250ms; } .skyeRadioAsButtonPrimary .sk-option-item > label:hover { background-color: var(--t-alternative__themeAtom-backgroundHover); } .skyeRadioAsButtonPrimary .sk-option-item > label:focus { background-color: var(--t-alternative__themeAtom-backgroundFocus); } .skyeRadioAsButtonPrimary .sk-option-item > label { width: -moz-fit-content; width: fit-content; line-height: 1.5; display: inline-block; } .skyeRadioAsButtonPrimary .sk-option-item > label::before { display: none; } .skyeRadioAsButtonPrimary .sk-option-item > label > a, .skyeRadioAsButtonPrimary .sk-option-item > label > span > a { color: inherit; text-decoration: none; } @media (max-width: 767px) { .skyeProductOverviewColumns .sk-button { width: 100%; } } .sk-button.sk-multi-brick-link.sk-multi-brick-link--add, .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove { background-color: var(--color-white); border-color: var(--themeOrganism-linkActive); color: var(--themeOrganism-linkActive); } .sk-button.sk-multi-brick-link.sk-multi-brick-link--add:hover, .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove:hover { background-color: var(--themeAtom-backgroundHover); color: var(--t-alternative__themeAtom-backgroundHover); } .sk-button.sk-multi-brick-link.sk-multi-brick-link--add:focus, .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove:focus { background-color: var(--themeAtom-backgroundFocus); color: var(--t-alternative__themeAtom-backgroundFocus); } .sk-button.sk-multi-brick-link.sk-multi-brick-link--add, .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove { display: flex; justify-content: center; align-items: center; width: 100%; } @media (min-width: 1024px) { .sk-button.sk-multi-brick-link.sk-multi-brick-link--add, .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove { width: 25%; } } .sk-button.sk-multi-brick-link.sk-multi-brick-link--remove { width: 100%; } .sk-button.sk-multi-brick-link--add span:before, .sk-button.sk-multi-brick-link--remove span:before { font-family: z-icons; font-weight: 400; font-size: 16px; line-height: 1.4; } @media (min-width: 1024px) { .sk-button.sk-multi-brick-link--add span:before, .sk-button.sk-multi-brick-link--remove span:before { font-family: z-icons; font-weight: 400; font-size: 18px; line-height: 1.4; } } .sk-button.sk-multi-brick-link--remove span:before { content: var(--icon-z-navigation-minus); } .sk-button.sk-multi-brick-link--add span:before { content: var(--icon-z-navigation-plus); } .skye-price-bar__container .sk-button { border: none; padding: 12px 24px; } /* Special case for Life calculator */ /* START */ #sk-3aLife-Product-RiskQuestions-identificationResource .sk-upload-header button, #sk-vestedBenefitsAccount-Product-RiskQuestions-identificationResource .sk-upload-header button { display: none; } #sk-providentFundPremiumUIDef-FieldsetGroup-Fieldset1-0[disabled] { cursor: not-allowed; } /* END */ :is(.sk-option-item input[type="checkbox"]) + label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.sk-option-item input[type="checkbox"]) + label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } :is(.sk-option-item input[type="checkbox"]) + label { margin-right: var(--size-layout-gutter); justify-content: flex-start; align-items: center; display: flex; position: relative; min-height: 30px; } :is(.sk-option-item input[type="checkbox"]) + label::before { content: ""; width: 24px; height: 24px; align-items: center; border-radius: 6px; margin-right: var(--size-small); background-color: var(--text-inverted); border: 2px solid var(--brand-primaryDark); transition: border 0.2s, color 0.1s ease-in; } :is(.sk-option-item input[type="checkbox"]):checked + label::before { font-weight: 400; font-size: 16px; line-height: 1.5; font-family: var(--icon-font); content: var(--icon-z-action-check); color: var(--text-inverted); background-color: var(--color-zurichBlue); border-color: var(--color-zurichBlue); text-align: center; line-height: 1.25; } .sk-option-item input[type="checkbox"]:disabled + label { opacity: 0.5; } .sk-option-item input[type="checkbox"]:disabled + label::before { opacity: 0.5; } /* One particular disabled check should not have opacity */ #AboMotorvehicleProduct-Product-Risk-driverAgeCategory-1:disabled + label, #AboMotorvehicleProduct-Product-Risk-driverAgeCategory-2:disabled + label, .sk-option-item #AboMotorvehicleProduct-Product-Risk-annualMileage-1:disabled + label { opacity: 1; } :is(#AboMotorvehicleProduct-Product-Risk-driverAgeCategory-1:disabled + label,#AboMotorvehicleProduct-Product-Risk-driverAgeCategory-2:disabled + label,.sk-option-item #AboMotorvehicleProduct-Product-Risk-annualMileage-1:disabled + label)::before { opacity: 1; } input[type="checkbox"] + label { margin-right: 35px; font-size: 18px; display: inline-block; position: relative; min-height: 30px; padding-left: 40px; padding-top: 2px; font-weight: 400; } input[type="checkbox"] + label::before { content: ""; display: inline-block; position: absolute; top: 5px; left: 0; width: 25px; height: 25px; vertical-align: middle; background-color: #fff; border: 2px solid var(--t-alternative__themeAtom-borderColor); } select { position: relative; height: 56px; width: 100%; padding: 0.5rem 1.5rem 0.5rem 2.5rem; line-height: 1; color: var(--text-default); background-color: #edeef0; border-radius: 28px; border: 2px solid transparent; cursor: pointer; outline: none; transition: all 100ms ease 0s; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%271024%27 height=%271024%27 viewBox=%270 0 1024 1024%27%3E%3Cpath d=%27M512 704c-7.284 0.017-14.341-2.614-19.929-7.432l-349.822-295.103c-10.085-6.883-15.511-19.068-13.999-31.44s9.699-22.789 21.125-26.878c11.426-4.089 24.112-1.142 32.733 7.604l329.892 278.052 329.892-278.052c8.621-8.746 21.307-11.693 32.733-7.604s19.613 14.506 21.125 26.878c1.512 12.372-3.914 24.557-13.999 31.44l-349.822 295.103c-5.588 4.818-12.645 7.45-19.929 7.432v0z%27%3E%3C/path%3E%3C/svg%3E%0A"); background-position: 18px 50%; background-size: 16px; background-repeat: no-repeat; } input[type="radio"] { position: absolute; display: block; opacity: 0; padding: 0; } .sk-radio:not(.skyeRadioAsButton):not(.skyeRadioAsButtonPrimary) input[type="radio"] + label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-radio:not(.skyeRadioAsButton):not(.skyeRadioAsButtonPrimary) input[type="radio"] + label { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .sk-radio:not(.skyeRadioAsButton):not(.skyeRadioAsButtonPrimary) input[type="radio"] + label { position: relative; display: inline-block; margin-right: 40px; line-height: 1.6; min-height: 32px; margin-left: 20px; border: none; border-radius: 28px; padding: 0 24px; min-width: inherit !important; cursor: pointer; } .sk-radio:not(.skyeRadioAsButton):not(.skyeRadioAsButtonPrimary) input[type="radio"] + label::before { position: absolute; display: inline-block; width: 27px; height: 27px; vertical-align: middle; margin-left: -40px; margin-right: 13px; margin-bottom: 5px; padding: 2px; background-color: #fff; border: 2px solid var(--t-alternative__themeAtom-borderColor); text-align: center; content: ""; border-radius: 50%; } .sk-radio:not(.skyeRadioAsButton):not(.skyeRadioAsButtonPrimary) input[type="radio"]:checked + label::before { box-shadow: inset 0 0 0 4px #fff; border: 2px solid var(--t-alternative__themeAtom-borderColor); background-color: var(--t-alternative__themeAtom-borderColor); } :is([id*="AboMotorvehicleProduct-Product-Risk-annualMileage"] .sk-option-item) input[type="checkbox"] + label::before, :is([id*="AboMotorvehicleProduct-Product-Risk-driverAgeCategory"] .sk-option-item) input[type="checkbox"] + label::before { border-radius: 50%; content: ""; display: inline-block; height: 27px; margin-bottom: 5px; margin-right: 13px; padding: 2px; position: absolute; text-align: center; vertical-align: middle; width: 27px; background-color: transparent; border: 2px solid var(--t-alternative__themeAtom-borderColor); box-shadow: inset 0 0 0 4px #fff; } :is([id*="AboMotorvehicleProduct-Product-Risk-annualMileage"] .sk-option-item) input[type="checkbox"]:checked + label::before, :is([id*="AboMotorvehicleProduct-Product-Risk-driverAgeCategory"] .sk-option-item) input[type="checkbox"]:checked + label::before { background-color: var(--t-alternative__themeAtom-borderColor); } #sk-AboMotorvehicleProduct-Product-Risk-driverAgeCategory .sk-field .sk-option-list input[type="checkbox"] + label { display: inline-block; margin-right: 4rem; } .sk-multi-brick-item .sk-multi-attr .sk-field .sk-attr-assigned:last-child .sk-attr { margin-bottom: 0; } @media (min-width: 768px) { .sk-multi-brick-item .sk-multi-attr .sk-field .sk-attr-assigned .sk-attr { margin-bottom: 0; } } .sk-multi-brick-link { justify-content: flex-start; } .sk-multi-brick-link--remove { margin-bottom: 2rem; } .sk-multi-brick .sk-uigroup--with-remove:last-child .sk-multi-brick-link--remove { margin-bottom: 0; } .sk-multi-brick-footer { margin-bottom: 2rem; } /* Specific for SKYE Valuables flow */ /* START */ [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] { margin-bottom: 2rem; } /* Non-bike */ [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers1"] .sk-column-list { display: grid; grid-template-columns: 120px 1fr 1fr 1fr 1fr; grid-template-rows: auto auto 0; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers1"] .sk-option-list { padding: 10px 0; } @media (max-width: 768px) { [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers1"] .sk-column-list { display: grid; grid-template-columns: 120px 1fr 1fr 1fr 1fr; grid-template-rows: auto; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers1"] .sk-option-list { padding: 10px 0; } } /* Earth and bike */ [id*="ValuablesProduct-Product-Risk-contingenciesBike"] .sk-column-list, [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers2"] .sk-column-list { display: grid; grid-template-columns: 120px 1fr 1fr 1fr 1fr; grid-template-rows: auto 0 auto 0; } [id*="ValuablesProduct-Product-Risk-contingenciesBike"] .sk-option-list, [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers2"] .sk-option-list { padding: 10px 0; } @media (max-width: 768px) { [id*="ValuablesProduct-Product-Risk-contingenciesBike"] .sk-column-list, [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers2"] .sk-column-list { display: grid; grid-template-columns: 120px 1fr 1fr 1fr 1fr; grid-template-rows: auto; } [id*="ValuablesProduct-Product-Risk-contingenciesBike"] .sk-option-list, [id*="ValuablesRiskdataUIDef-FieldsetGroup1-Covers2"] .sk-option-list { padding: 10px 0; } } [id*="ValuablesProduct-Messages-optionalCoveragesMessage"] .sk-message-content { font-size: 20px; font-weight: 400; line-height: 1.5; } /* non bike */ [id*="ValuablesProduct-Messages-optionalCoveragesMessage"] { grid-column: 1/6; grid-row: 1; } [id*="ValuablesProduct-Product-Risk-contingenciesNonBike"] { grid-column: 1/6; grid-row: 2; } [id*="ValuablesProduct-Product-Risk-contingenciesNonBikeIconsMessage"] { grid-column: 3/6; grid-row: 3; position: relative; bottom: 5.5rem; left: -4rem; } @media (max-width: 768px) { [id*="ValuablesProduct-Product-Risk-contingenciesNonBikeIconsMessage"] { grid-column: 1/6; grid-row: 3; bottom: 0; left: 0; } } /* bike */ [id*="ValuablesProduct-Product-Risk-contingenciesBike"] { grid-column: 1/6; grid-row: 1; } [id*="ValuablesProduct-Product-Risk-contingenciesBikeIconsMessage"] { position: relative; bottom: 5.5rem; left: -4rem; grid-row: 2; grid-column: 3/6; } @media (max-width: 768px) { [id*="ValuablesProduct-Product-Risk-contingenciesBikeIconsMessage"] { grid-column: 1/6; bottom: 0; left: 0; } } /* earthquake */ [id*="ValuablesProduct-Product-Risk-earthquake"] { grid-column: 1/6; grid-row: 3; } @media (max-width: 768px) { [id*="ValuablesProduct-Product-Risk-earthquake"] { grid-row: 3; } } [id*="ValuablesProduct-Product-Risk-eartquakeIconsMessage"] { grid-column: 3/6; grid-row: 4; position: relative; bottom: 5.5rem; left: -4rem; } @media (max-width: 768px) { [id*="ValuablesProduct-Product-Risk-eartquakeIconsMessage"] { grid-column: 1/6; grid-row: 4; bottom: 0; left: 0; } } [id*="ValuablesProduct-Product-Risk-eartquakeIconsMessage"] img, [id*="ValuablesProduct-Product-Risk-contingenciesNonBikeIconsMessage"] img, [id*="ValuablesProduct-Product-Risk-contingenciesBikeIconsMessage"] img { margin-top: 0 !important; } /* Postal */ [id*="ValuablesProduct-Customer-postalCodeLookup"] { grid-column: 1/6; grid-row: 5; } -InputItemsMultibrick[id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-column-list .sk-attr.sk-container, -InputItemsMultibrick[id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-attr.sk-attr--error .sk-error-validation { margin-bottom: 0; } @media (min-width: 768px) { [id*="ValuablesProduct-Customer-postalCodeLookup"] { width: 50%; } } @media (min-width: 768px) { [id*="ValuablesProduct-Product-Tables-addressContainer"] [id*="ValuablesProduct-Customer-postalCodeLookup"] { width: 100%; } } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput-DetailedInputMultibrick"] .sk-multi-brick-item:not(:last-child) { margin-bottom: 4rem; } [id*="ValuablesProduct-Messages-optionalCoveragesMessage"] { margin-bottom: 0.5rem; margin-top: 2rem; } @media (min-width: 1024px) { [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "label1 label2 label2" "field1 field2 remove" "validation1 validation2 empty"; grid-gap: 0 16px; } } @media (min-width: 768px) { [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-multi-brick-link--remove { height: 56px; margin-top: 0; margin-bottom: 2rem; grid-area: remove; } } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content { display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list { display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr { display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-field { margin-bottom: 1rem; } @media (min-width: 768px) { [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field { display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned { padding-left: 0 !important; padding-right: 0 !important; width: auto !important; float: inherit !important; display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned > .sk-attr { display: contents; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-label { grid-area: label1; display: flex; align-items: flex-end; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-field { grid-area: field1; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-error-validation { grid-area: validation1; display: flex; align-items: flex-start; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-label { grid-area: label2; display: flex; align-items: flex-end; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-field { grid-area: field2; } [id*="ValuablesRiskdataUIDef-FieldsetGroup1-InputItems"] .sk-multi-brick .sk-multi-brick-item .sk-uigroup-item-content .sk-column-list .sk-container.sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-error-validation { grid-area: validation2; display: flex; align-items: flex-start; } } @media (min-width: 768px) { [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "label1 label2 label3 label4" "field1 field2 field3 field4" "validation1 validation2 validation3 validation4"; grid-gap: 0 16px; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned { padding-left: 0 !important; padding-right: 0 !important; width: auto !important; float: inherit !important; display: contents; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned > .sk-attr { display: contents; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-label { grid-area: label1; display: flex; align-items: flex-end; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-field { grid-area: field1; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:first-child .sk-error-validation { grid-area: validation1; display: flex; align-items: flex-start; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(2) .sk-label { grid-area: label2; display: flex; align-items: flex-end; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(2) .sk-field { grid-area: field2; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(2) .sk-error-validation { grid-area: validation2; display: flex; align-items: flex-start; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(3) .sk-label { grid-area: label3; display: flex; align-items: flex-end; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(3) .sk-field { grid-area: field3; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:nth-child(3) .sk-error-validation { grid-area: validation3; display: flex; align-items: flex-start; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-label { grid-area: label4; display: flex; align-items: flex-end; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-field { grid-area: field4; } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .sk-attr-assigned:last-child .sk-error-validation { grid-area: validation4; display: flex; align-items: flex-start; } } [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .info-icon-tooltip__mobile, [id*="ValuablesOverviewdatdaUIDef-FieldsetGroup1-DetailedInput"] .sk-multi-brick .sk-multi-brick-item .sk-multi-attr > .sk-field .js-sk-info-text--show .__react_component_tooltip { width: 100%; } @media (min-width: 768px) { [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "label1 label2 label3" "field1 field2 field3"; grid-gap: 0 16px; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:first-child .sk-label { grid-area: label1; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:first-child .sk-field { grid-area: field1; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:nth-child(2) .sk-label { grid-area: label2; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:nth-child(2) .sk-field { grid-area: field2; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:last-child .sk-label { grid-area: label3; } [id*="ValuablesPersonaldataUIDef-FieldsetGroup1-DataEntryOverviewTopLevel-DataEntryFieldSet-Questions-QueSection1Group-QueSection1-QueSection11"] > .sk-uigroup-content .sk-multi-brick-item .sk-attr-assigned:last-child .sk-field { grid-area: field3; } } /* END */ /* Special case for Life calculator */ /* START */ #sk-providentFundHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick .sk-uigroup--with-remove:last-child .sk-multi-brick-link--remove, #sk-TermLifeInsurHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick .sk-uigroup--with-remove:last-child .sk-multi-brick-link--remove, #sk-disabilityInsuranceHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick .sk-uigroup--with-remove:last-child .sk-multi-brick-link--remove { margin-bottom: 2rem; } #sk-providentFundHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-textarea, #sk-TermLifeInsurHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-textarea, #sk-disabilityInsuranceHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-textarea, #sk-providentFundHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-container, #sk-TermLifeInsurHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-container, #sk-disabilityInsuranceHealtQuestionsUIDef-FieldsetGroup .sk-attr.sk-container { margin-bottom: 1.5rem; } #sk-providentFundHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick.sk-uigroup .sk-uigroup-item-content .sk-column-list .sk-attr:last-child, #sk-TermLifeInsurHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick.sk-uigroup .sk-uigroup-item-content .sk-column-list .sk-attr:last-child, #sk-disabilityInsuranceHealtQuestionsUIDef-FieldsetGroup .sk-multi-brick.sk-uigroup .sk-uigroup-item-content .sk-column-list .sk-attr:last-child { margin-bottom: 0; } #sk-TermLifeInsurPersonalInformationUIDef-FieldsetGroup-BeneficiariesParent-BeneficiariesFieldset-Beneficiaries-BeneficiariesSectionGroup-BeneficiariesSection-BeneficiariesSectionMultibrick .sk-attr.sk-container, #sk-collectiveLifePersonalInformationCPKUIDef-FieldsetGroup-BeneficiariesParent-BeneficiariesFieldsetGroup-BeneficiariesSection-BeneficiariesSectionMultibrick .sk-attr.sk-container { margin-bottom: 1.5rem; } /* END */ .sk-autocomplete.sk-attr--error .sk-autocomplete-icon, .sk-autocomplete.sk-attr--error input::placeholder { color: var(--color-validation); } .sk-attr.sk-attr--error .sk-error-validation { display: flex; align-items: center; margin-bottom: 2rem; } .sk-attr.sk-attr--error .sk-attr--error { margin-bottom: 0; } .sk-error-validation { clear: both; position: relative; width: 100%; overflow: auto; font-size: 80%; line-height: 90%; } .sk-error-validation > div { display: flex; justify-content: flex-start; align-items: baseline; padding: 0.6rem 0; color: var(--color-validation); text-align: left; line-height: 1.5; } .sk-error-validation i { margin-right: var(--size-tiny); } .sk-attr--error .sk-field .sk-input::placeholder { color: var(--color-validation); } .skyeRadioAsButton.sk-attr.sk-attr--error .sk-field .sk-option-item input + label { transition: none; } .sk-attr [data-error="true"] input.sk-textbox, .skyeRadioAsButton.sk-attr.sk-attr--error .sk-field .sk-option-item input + label, .sk-attr--error .sk-field .sk-input { color: var(--color-validation); border-color: var(--color-validation); } :is(.sk-attr [data-error="true"] input.sk-textbox,.skyeRadioAsButton.sk-attr.sk-attr--error .sk-field .sk-option-item input + label,.sk-attr--error .sk-field .sk-input):hover, :is(.sk-attr [data-error="true"] input.sk-textbox,.skyeRadioAsButton.sk-attr.sk-attr--error .sk-field .sk-option-item input + label,.sk-attr--error .sk-field .sk-input):focus { color: var(--color-validation); border-color: var(--color-validation); } #sk-MotorvehicleProduct-Messages-serialNumberMess { /* MF Step 4 - missing class on wrapper container, needs to be set manually */ margin-top: -1rem; color: var(--color-validation); } #sk-MotorvehicleProduct-Messages-serialNumberMess .sk-message-content { font-size: 80%; } #sk-Shoppingcart-PaymentInfo-errorDetail { /* Retail Wedding Step 3 - Payment validation */ max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { #sk-Shoppingcart-PaymentInfo-errorDetail { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { #sk-Shoppingcart-PaymentInfo-errorDetail { padding: 0 var(--layout-margin-m-min); } } :root { --autocomplete-menu-option-selected-bg-color: var(--brand-primary-light-color); --color-text-disabled: #bbb; } /* General form fields */ input { color: var(--color-zurichBlue); } input::placeholder { color: var(--color-greyEight); } input:-webkit-autofill { -webkit-text-fill-color: var(--color-zurichBlue) } /* Input and button group */ .sk-attr .sk-field { position: relative; } .sk-attr.skyeRadioAsButton .sk-field .sk-option-item { display: inline-block; } .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input { display: none; } .sk-attr.skyeRadioAsButton .sk-field .sk-option-item label { min-width: auto !important; } span.sk-label-hint { display: block; } .sk-attr .sk-label span.sk-label-hint { font-size: 14px; } .sk-attr .sk-field input, .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label, .skyeInput--disabled .sk-field, .sk-button--custom .sk-field, .sk-field > .sk-textarea { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-attr .sk-field input, .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label, .skyeInput--disabled .sk-field, .sk-button--custom .sk-field, .sk-field > .sk-textarea { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .sk-attr .sk-field input, .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label, .skyeInput--disabled .sk-field, .sk-button--custom .sk-field, .sk-field > .sk-textarea { color: var(--color-zurichBlue); display: flex; align-items: center; justify-content: center; padding: var(--size-base) var(--size-medium); background: #edeef0; border: 2px solid transparent; border-radius: 28px; line-height: 1.3; min-height: 56px; outline: none; width: 100%; } .sk-field textarea::placeholder { color: var(--color-greyEight); } .sk-button--custom .sk-field { background-color: var(--color-zurichBlue); color: var(--text-inverted); transition: all 250ms; } .sk-button--custom .sk-field:hover { background-color: var(--t-alternative__themeAtom-backgroundHover); border-color: var(--t-alternative__themeAtom-backgroundHover); } .sk-button--custom .sk-field:focus { background-color: var(--t-alternative__themeAtom-backgroundFocus); border-color: var(--t-alternative__themeAtom-backgroundFocus); } .sk-button--custom .sk-field:focus span { text-decoration: underline; transition: all 250ms; } .sk-attr .sk-field input, .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label, .sk-button--custom .sk-field, .sk-field > .sk-textarea { cursor: pointer; } :is(.sk-attr .sk-field input,.sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label,.sk-button--custom .sk-field,.sk-field > .sk-textarea):hover { border: 2px solid var(--t-alternative__themeAtom-backgroundHover); } :is(.sk-attr .sk-field input,.sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label,.sk-button--custom .sk-field,.sk-field > .sk-textarea):focus { border: 2px solid var(--t-alternative__themeAtom-backgroundHover); } [id*="ValuablesProduct-Product-DocumentUpload-documentUploadResourceMulti"] .sk-field .sk-file-input { display: none; } [id*="ValuablesProduct-Product-DocumentUpload-documentUploadResourceMulti"] .sk-field .sk-upload .sk-upload-files .sk-file .sk-file-size { margin: var(--size-small); } [id*="ValuablesProduct-Product-DocumentUpload-documentUploadResourceMulti"] .sk-upload-files a.sk-file-actions::after { font-family: z-icons; font-weight: 400; font-size: 24px; line-height: inherit; content: var(--icon-z-action-trash-outline); cursor: pointer; position: relative; top: 4px; } [id*="ValuablesProduct-Product-DocumentUpload-documentUploadResourceMulti"] .sk-upload-files a.sk-file-actions:hover { color: var(--color-zurichBlue); } .sk-field .sk-textarea-counter { display: none; } .sk-attr.skyeRadioAsButton .sk-field input:hover { background-color: var(--color-zurichBlue); color: var(--text-inverted); } .sk-option-item input[type="checkbox"] { display: none; } .sk-option-list .sk-option-item label { margin-top: 1rem; } #sk-AboMotorvehicleProduct-Product-Risk-driverAgeCategory .sk-option-list .sk-option-item label { margin-top: 0; } .sk-attr.skyeRadioAsButton .sk-option-list { margin-top: -1rem; } .sk-attr.skyeRadioAsButton--locked .sk-field .sk-option-list input[disabled] + label, .sk-attr.skyeRadioAsButton[data-disabled="true"] .sk-field .sk-option-list input[disabled] + label { position: relative; cursor: default; color: var(--color-text-disabled); } :is(.sk-attr.skyeRadioAsButton--locked .sk-field .sk-option-list input[disabled] + label,.sk-attr.skyeRadioAsButton[data-disabled="true"] .sk-field .sk-option-list input[disabled] + label):hover { border-color: transparent !important; } .sk-selected:is(.sk-attr.skyeRadioAsButton--locked .sk-field .sk-option-list input[disabled] + label,.sk-attr.skyeRadioAsButton[data-disabled="true"] .sk-field .sk-option-list input[disabled] + label) { padding-right: 2.5rem; opacity: 0.5; color: var(--text-inverted); } .sk-selected:is(.sk-attr.skyeRadioAsButton--locked .sk-field .sk-option-list input[disabled] + label,.sk-attr.skyeRadioAsButton[data-disabled="true"] .sk-field .sk-option-list input[disabled] + label)::after { font-family: var(--icon-font); content: var(--icon-z-lock-close-solid); line-height: 1; position: absolute; right: var(--size-small); top: 50%; margin-top: calc(var(--size-base) * -1); color: #b2cbcb; } [data-disabled="true"]:not(.skyeRadioAsButton) .sk-field:after, .skyeInput--disabled .sk-field:after { color: var(--color-icon-disabled); content: var(--icon-z-lock-close-solid); font-family: var(--icon-font); line-height: 1; margin-top: calc(var(--size-base)*-1); position: absolute; right: var(--size-small); top: 50%; } .skyeInput--disabled .sk-field, [data-disabled="true"] .sk-field input, [data-disabled="true"] .sk-attr .react-select--is-disabled .react-select__control { color: var(--color-text-disabled); justify-content: flex-start; padding-right: 2.5rem; cursor: default; } :is(.skyeInput--disabled .sk-field,[data-disabled="true"] .sk-field input,[data-disabled="true"] .sk-attr .react-select--is-disabled .react-select__control):hover, :is(.skyeInput--disabled .sk-field,[data-disabled="true"] .sk-field input,[data-disabled="true"] .sk-attr .react-select--is-disabled .react-select__control):focus { border-color: transparent !important; } [data-disabled="true"] .react-select__control--is-disabled .react-select__single-value { color: var(--color-text-disabled) !important; } .sk-attr .sk-field input.sk-input--iconnized { padding-left: 2.5em; } .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label { margin-right: var(--size-cell-bezel); color: var(--color-button-label); cursor: pointer; width: inherit; } .skyeRadioAsButton .sk-option-item label { margin-right: 1rem; } .sk-attr.skyeRadioAsButton .sk-field .sk-option-item input + label.sk-selected { border-color: var(--color-zurichBlue); background-color: var(--color-zurichBlue); color: var(--color-white); transition: background-color 0.5s, border 1s ease; cursor: default; } .sk-attr .sk-label { font-weight: 700; font-size: 14px; line-height: 1.5; margin-bottom: 0.5rem; } .sk-attr .sk-label strong, .sk-attr .sk-label span { font-size: 16px; line-height: 1; } @media (min-width: 768px) { .sk-attr .sk-label strong, .sk-attr .sk-label span { font-size: 16px; line-height: 1; } } @media (min-width: 1024px) { .sk-attr .sk-label strong, .sk-attr .sk-label span { font-size: 16px; line-height: 1; } } .sk-attr .sk-label strong, .sk-attr .sk-label span { line-height: 1.5; } .sk-attr .sk-label strong { font-weight: 400; } .sk-attr .sk-label .sk-mandatory { font-weight: 700; font-size: 14px; line-height: 1.5; padding-left: 0.25rem; } .sk-attr--loading i, .sk-field .sk-option-item input + label i { display: none; } .sk-attr--infonnized .sk-label .sk-info { margin-left: var(--size-tiny); line-height: 0.5; } .sk-attr.sk-attr--reduced-margin { margin-bottom: 1rem; } .sk-label--icon-lock { font-size: 14px; } .sk-label--icon-lock::before { font-family: z-icons; font-weight: 400; font-size: 24px; line-height: inherit; font-size: 16px; position: relative; top: 2px; margin-right: 3px; content: var(--icon-z-lock-close-outline); } .sk-attr .sk-field .sk-input-icon { position: absolute; top: 50%; transform: translateY(-50%); left: var(--input-icon-horizontal-left-position); right: var(--input-icon-horizontal-right-position); padding-right: 0; background: transparent; font-size: 18px; transition: all 0.5s; } @media (max-width: 767px) { .sk-multi-attr .sk-attr-assigned { width: 100% !important; /* override of skye config inline styles */ } } .sk-multi-attr { content: ""; display: table; clear: both; } .sk-multi-attr .sk-attr-assigned { float: left; } @media (min-width: 768px) { .sk-multi-attr .sk-attr-assigned { padding-left: 8px; padding-right: 8px; } } .sk-multi-attr .sk-attr-assigned:first-child { padding-left: 0; } .sk-multi-attr .sk-attr-assigned:last-of-type { padding-right: 0; } .sk-multi-attr .sk-attr-assigned .sk-attr { padding: 0 0 0 0 !important; } /* Corrects padding right of input due to underlying containers set in percentage */ [id*="AboMotorvehicleProduct-Product-Tables-policyholderNameContainer"] [id*="AboMotorvehicleProduct-PartyRoles-Policyholder-organisationName"] .sk-field { padding-right: 8px !important; } .sk-multi-attr.skyeMultiple--noGapFirstTwo .sk-attr-assigned:first-child { padding-right: 0; } .sk-multi-attr.skyeMultiple--noGapFirstTwo .sk-attr-assigned:nth-child(2) { padding-left: 0; } .sk-option-item span a, .skyePDFLink { color: var(--themeOrganism-link); text-decoration: none; } :is(.sk-option-item span a,.skyePDFLink):hover { color: var(--themeOrganism-linkHover); } /* Specific for SKYE Valuables flow */ /* START */ [id*="DroneInsurance-Product-startInsurance"] { margin-top: 2rem; } /* END */ /* Special case for Life calculator */ /* START */ [id*="3aLife-Product-RiskQuestions-identificationResource"] .subheader, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .subheader { font-weight: 700; font-size: 14px; line-height: 1.5; display: block; margin-bottom: 0.5rem; } [id*="3aLife-Product-RiskQuestions-identificationResource"] .sk-file a, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .sk-file a { color: var(--themeOrganism-link); text-decoration: none; } [id*="3aLife-Product-RiskQuestions-identificationResource"] .sk-file a:hover, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .sk-file a:hover { color: var(--themeOrganism-linkHover); } [id*="3aLife-Product-RiskQuestions-identificationResource"] .sk-file a span b, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .sk-file a span b { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { [id*="3aLife-Product-RiskQuestions-identificationResource"] .sk-file a span b, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .sk-file a span b { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } [id*="3aLife-Product-RiskQuestions-identificationResource"] .sk-file a span small, [id*="vestedBenefitsAccount-Product-RiskQuestions-identificationResource"] .sk-file a span small { padding-left: 0.5rem; } .sk-attr.skyeRadioAsButton--locked[id*="disabilityInsurance-Product-HealthQuestions-smokerLocked"] .sk-field .sk-option-list input[disabled] + label { color: var(--color-text-disabled) !important; } [id*="disabilityInsurance-Product-HealthQuestions-smokerLocked"] .sk-field::after { display: none; } [id*="disabilityInsurance-Product-HealthQuestions-smokerLocked"] label[for="disabilityInsurance-Product-HealthQuestions-smokerLocked-1"]::before { opacity: 0.5; } [id*="providentFund-Product-policyDuration"] .sk-field { padding: 0; } #providentFund-Product-policyDuration { border: none; } /* END */ input[id*="MotorvehicleProduct-Product-Risk-plateNumber"] { width: 50% !important; } .sk-info, .sk-modal-icon { display: inline-block; cursor: pointer; -webkit-user-select: none; user-select: none; font-style: normal; font-size: 20px; margin-left: 4px; top: 4px; z-index: 9999; } .sk-info::before, .sk-modal-icon::before { content: var(--icon-z-communication-info-solid); color: var(--color-info-icon); } .js-sk-info-text--show .__react_component_tooltip, .info-icon-tooltip__mobile { /* custom-selector */ color: var(--text-default); display: block; left: inherit !important; top: inherit !important; margin: 1rem 0; padding: 1rem; width: 100%; opacity: 1; position: inherit; border-radius: 0; visibility: visible; background-color: rgba(218, 226, 244, 0.3); border: 2px solid var(--color-zurichLightBlue); } @media (min-width: 768px) { .js-sk-info-text--show .__react_component_tooltip, .info-icon-tooltip__mobile { width: 75%; } } .js-sk-info-text--show .sk-info::before { content: var(--icon-z-close-solid); } .sk-modal-icon--close:before { content: var(--icon-z-close-solid); } .sk-modal-body { margin-top: 2rem; } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content *:not(:last-child) { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content *:not(:last-child) { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content *:not(:last-child) { margin-bottom: 1rem; } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content p, :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content ul li { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content p, :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content ul li { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content ul { margin-left: 16px; } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__content h5 { font-weight: 700 !important; margin-bottom: 0.5rem !important; } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__title { font-weight: 700; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__title { font-weight: 700; font-size: 20px; line-height: 1.5; } } :is(.js-sk-info-text--show .__react_component_tooltip,.info-icon-tooltip__mobile,.ReactModal__Overlay .sk-modal-body) .skyeInfo__title { margin-bottom: 0.5rem; } .ReactModal__Overlay { position: absolute; z-index: 10000; } .ReactModal__Overlay .ReactModal__Content:not(.sk-modal--error) .sk-modal { padding: 0; position: static; border-radius: inherit; left: inherit; top: inherit; transform: inherit; width: inherit; } .ReactModal__Overlay .ReactModal__Content:not(.sk-modal--error) .sk-modal i.close { font-family: z-icons; font-weight: 400; font-size: 24px; line-height: inherit; color: var(--text-default); cursor: pointer; -webkit-user-select: none; user-select: none; position: absolute; right: 17px; top: 13px; } .ReactModal__Overlay .ReactModal__Content:not(.sk-modal--error) .sk-modal i.close::before { content: var(--icon-z-navigation-close); } .ReactModal__Overlay .ReactModal__Content:not(.sk-modal--error) .sk-modal .skyeInfo__content { margin-top: 1rem; } .ReactModal__Overlay .ReactModal__Content:not(.sk-modal--error) .sk-modal .skyeInfo__content img { margin-top: 1.5rem; } .ReactModal__Content { inset: 20px !important; } .sk-uigroup-item .sk-uigroup-item-header .sk-modal-icon, .sk-uigroup-item .sk-uigroup-item-header .sk-info { top: -3px; } @media (min-width: 768px) { .sk-uigroup-item .sk-uigroup-item-header .sk-modal-icon, .sk-uigroup-item .sk-uigroup-item-header .sk-info { top: -6px; } } /* Specific for SKYE Valuables flow */ /* START */ @media (min-width: 768px) { #sk-DroneInsurance-Product-riskContainer .sk-attr-assigned .sk-label .__react_component_tooltip { width: 100%; } } /* END */ .sk-label > ul, .sk-field > ul, .sk-label span > ul, .sk-field span > ul { margin-left: 0; margin-bottom: 1rem; list-style: none; } .sk-label > ul > li, .sk-field > ul > li, .sk-label span > ul > li, .sk-field span > ul > li { list-style-image: none; list-style-type: none; margin-left: 0; padding-bottom: 12px; display: block; position: relative; padding-left: 1.75em; } :is(.sk-label > ul > li,.sk-field > ul > li,.sk-label span > ul > li,.sk-field span > ul > li)::before { font-family: var(--icon-font); content: "\e9b0"; line-height: 1; font-style: normal; vertical-align: middle; font-size: 1.25em; position: absolute; left: 0; top: 0; } .sk-message-content { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-message-content { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyePriceBar .sk-message .sk-message-content { padding-bottom: 0; } .sk-message-content p { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-message-content p { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .sk-message-content p { line-height: 1.5; } .sk-message-content a { color: var(--themeOrganism-link); text-decoration: none; } .sk-message-content a:hover { color: var(--themeOrganism-linkHover); } .sk-attr.sk-message[data-type="WARNING"], .sk-attr.sk-message[data-type="WARNING"] .sk-message__validation, .sk-attr.sk-message .sk-message__validation { color: var(--color-validation); font-size: 80%; } :is(.sk-attr.sk-message[data-type="WARNING"],.sk-attr.sk-message[data-type="WARNING"] .sk-message__validation,.sk-attr.sk-message .sk-message__validation) .sk-message-content { display: flex; } :is(.sk-attr.sk-message[data-type="WARNING"],.sk-attr.sk-message[data-type="WARNING"] .sk-message__validation,.sk-attr.sk-message .sk-message__validation) .sk-message-content .sk-message-icon { display: flex; align-items: center; margin-top: 1rem; } .sk-message-content ul { list-style-type: disc; } .sk-message-content ol { list-style: none; counter-reset: item; margin-left: 0; } .sk-message-content ul:not(.skyeListLikeTable) { margin-left: 1rem; } .sk-message-content ol, .sk-message-content ul { padding: 0; display: table; margin-top: 1.5rem; } .sk-message-content ol > li { padding-left: calc(1em + 1rem); } .sk-message-content ol > li, .sk-message-content ul > li { position: relative; page-break-inside: avoid; break-inside: avoid; } .sk-message-content ol > li::before { counter-increment: item; content: counter(item) "."; } .sk-message-content ol > li::before, .sk-message-content ul > li::before { position: absolute; left: 0; } .sk-message-content * + * { margin-top: 1rem; } :is(.sk-message-content .sk-reference-box) ~ p, :is(.sk-message-content .sk-reference-box) ~ ul, :is(.sk-message-content .sk-reference-box) ~ ol { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { :is(.sk-message-content .sk-reference-box) ~ p, :is(.sk-message-content .sk-reference-box) ~ ul, :is(.sk-message-content .sk-reference-box) ~ ol { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .sk-message-content h4 { margin-top: 3rem; } .sk-message-content__subtitle { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-message-content__subtitle { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } /* Retail */ .skyeTeaserBox h3 { font-weight: 400; font-size: 28px; line-height: 1.3; } @media (min-width: 768px) { .skyeTeaserBox h3 { font-weight: 400; font-size: 28px; line-height: 1.3; } } @media (min-width: 1024px) { .skyeTeaserBox h3 { font-weight: 400; font-size: 36px; line-height: 1.2; } } /* MF Quick offer */ #sk-MotorvehicleProduct-Messages-riskDataAdditionalFinalPrice { background-color: #f9f9f9; padding: 1.5rem; } .sk-modal { width: 90%; top: 50%; left: 50%; position: fixed; transform: translate(-50%, -50%); background: white; padding: 2rem; border-radius: 28px; z-index: 10000; } @media (min-width: 768px) { .sk-modal { width: inherit; } } .sk-modal-body { margin-top: 0; } .sk-modal-body h3 { margin-bottom: 1rem; } .sk-modal-body .fa-exclamation-triangle { display: none; } .ReactModal__Content.ReactModal__Content--after-open.sk-upload-errors-modal .sk-modal-body { padding: 20px; } .sk-payment iframe { width: 100%; height: 504px; border: none; } @media (min-width: 1024px) { .sk-payment iframe { height: 550px; } } :root { --product-overview-column-spacing: 15px; --product-overview-column-spacing-reduced: 10px; --product-overview-width: 33.333%; --product-overview-list-color: #edeef0; } /* custom selector */ .skyeProductOverviewColumn .sk-uigroup-item-header { margin-bottom: 1rem; } .skyeProductOverviewColumn .sk-uigroup-item-header span { font-size: 16px; font-weight: 700; color: var(--brand-primaryDark); } .skyeProductOverviewColumn .sk-label { font-weight: 400; } .skyeProductOverviewColumns { margin-top: 4rem !important; } .skyeProductOverviewColumns + .sk-uigroup-item { margin-top: 1rem; } .skyeProductOverviewColumn .sk-column-list .sk-attr:first-child { margin-bottom: 0; } .skyeProductOverview--frame > .sk-uigroup-content { /* custom selector */ display: table; } @media (max-width: 767px) { .skyeProductOverview--frame > .sk-uigroup-content { width: 100%; } } .skyeProductOverview--frame > .sk-uigroup-content::after { content: ""; display: block; clear: both; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn { /* custom selector */ padding: 0; margin-bottom: 20px; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn:last-child { margin-bottom: 0; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.sk-uigroup-content { background-color: transparent; /* override default grey alternating background */ } @media (min-width: 768px) { .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn { padding: 0 var(--product-overview-column-spacing); float: left; width: var(--product-overview-width); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--2 { /* skyeProductOverviewColumns--2 */ float: right; width: 50%; padding-bottom: 0; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--2:last-child { position: relative; left: calc(-1 * var(--product-overview-column-spacing)); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3 { /* skyeProductOverviewColumns--3 */ position: relative; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3:first-child { /* move 1st package to center (2nd child is 1st package b/c of h3) */ left: var(--product-overview-width); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3:nth-child(2) { /* move 2nd package to the left (4th child is 2nd package b/c of h3) */ left: calc(var(--product-overview-width) - var(--product-overview-column-spacing)); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3:last-child { left: var(--product-overview-column-spacing); } } @media (min-width: 768px) and (min-width: 768px) { .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3 { padding: 0 var(--product-overview-column-spacing-reduced); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3:nth-child(2) { left: calc((-1 * var(--product-overview-width)) - var(--product-overview-column-spacing-reduced)); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn.skyeProductOverviewColumn--3:last-child { left: var(--product-overview-column-spacing-reduced); } } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn .sk-column { border-left: 2px solid var(--brand-primaryDark); border-right: 2px solid var(--brand-primaryDark); background-color: var(--color-white); } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn .sk-column .sk-attr { padding: 0; } .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn .sk-column > .sk-attr.skyeCheckboxAsButton { /* custom selector */ padding: 0 20px; } .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item.skyeProductOverviewColumn > .sk-uigroup-item-header { margin-top: 1rem; } .skyeProductOverviewColumn--recommended { /* skyeProductOverviewColumn--recommended */ box-shadow: none; position: relative; } @media (min-width: 768px) { .skyeProductOverviewColumn--recommended { top: -30px; padding-left: 0 !important; padding-right: 0 !important; } } .skyeProductOverviewColumn--recommended .sk-column { border: 5px solid var(--color-skyBlue); border-top-width: 10px; border-bottom: none; margin: 0 -5px; } @media (max-width: 767px) { .skyeProductOverviewColumn--recommended .sk-column { border-width: 15px; border-top-width: 10px; /* needs to be repeated not to be overridden */ margin: 0 -15px; } } .skyeProductOverviewColumn--recommended .sk-column > .sk-attr.skyeCheckboxAsButton { /* custom selector */ padding-left: calc(20px + 2px); padding-right: calc(20px + 2px); } .skyeProductOverviewColumn--recommended .js-skyeNavigation--uiGroup { /* custom selector */ border: 5px solid var(--color-skyBlue); border-top: none; margin: 0 -5px; padding-left: calc(20px + 2px); padding-right: calc(20px + 2px); } @media (max-width: 767px) { .skyeProductOverviewColumn--recommended .js-skyeNavigation--uiGroup { border-width: 15px; margin: 0 -15px; } } .skyeProductOverviewColumn--recommended .sk-uigroup-item-content { border: 10px solid var(--color-recommended-border); border-top-width: 30px; } /* custom selector */ @media (max-width: 767px) { &:not(.skyeProductOverviewColumn--recommended) { .sk-column { margin-top: calc(34px + 10px); } } } /* custom selector */ html:not(.sk-retail) .skyeProductOverview--frame > .sk-uigroup-content > .skyeProductOverviewColumn .skyeProductOverviewColumn--1 { /* skyeProductOverviewColumns--1 */ width: 100%; padding-bottom: 0; } .skyeProductOverviewColumn .sk-uigroup-item-content { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: #fafafa; border-radius: 28px; } .skyeProduct__content h3 { font-size: 18px; line-height: 1.5; padding-bottom: 16px; text-transform: uppercase; } .skyeProduct__content h4 { font-size: 16px; margin-top: 30px; padding-bottom: 16px; } .skyeProduct__content p { font-size: 16px; } .skyeProduct__content ul { list-style: none; margin-left: 36px; } .skyeProduct__content ul li { position: relative; font-size: 16px; } .skyeProduct__content ul li:not(:last-child) { padding-bottom: 8px; } .skyeProduct__content ul li::before { content: "\e9b0"; font-family: var(--icon-font); position: absolute; left: -36px; font-size: 24px; line-height: 24px; color: var(--color-skyBlue); } .skyeProduct--recommended { /* custom selector */ padding: 0 0 7px; background-color: var(--brand-secondary); color: var(--color-white); } @media (min-width: 768px) { .skyeProduct--recommended { min-height: 34px; } } .skyeProduct--recommended .skyeProduct__content { padding: 20px 20px 0; } @media (max-width: 767px) { .skyeProduct--recommended .skyeProduct__content { display: none; } } .skyeProduct { padding: 24px 24px 0; } .skyeProduct__header { color: #000; } .skyeProduct__header h3, .skyeProduct__header h4 { font-size: 20px; line-height: 1.5; } .skyeProduct__header h3 { font-weight: 400; } .skyeProduct__header h4 { border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; } .skyeProduct__header h3 .skyeProduct__header-price { font-size: 24px; font-weight: 700; padding-left: 0.15rem; } .skyeProduct__header h3 .skyeProduct__header-period { color: grey; } .sk-uigroup-item .skyeProductOverviewColumn .sk-uigroup-item-header { padding-top: 0; padding-bottom: 0; } .skyeProductOverviewHeader { margin-bottom: var(--size-large) !important; } @media (max-width: 767px) { .skyeProductOverview--footnote .sk-attr { margin-top: 0.75rem; } } .skyeFilterBar .sk-attr.sk-checkbox { display: inline-block; width: auto; } .skyeFilterBar .sk-attr.sk-checkbox:not(:last-child) { margin-bottom: 0; } .skyeFilterBar .sk-attr.sk-checkbox[data-disabled="true"] { opacity: 0.5; } .sk-field .skyeProduct__header h4 { padding-bottom: 1rem; margin-bottom: 1rem; } .skyeProduct--header-title { display: flex; position: absolute; top: -24px; left: 0; font-size: 14px; width: 100%; justify-content: center; color: #fff; } .skyeProductOverviewColumn .sk-navigation { padding: 0 24px 24px 24px; } .skyeColumn--recommended .sk-field { background-color: var(--color-recommended-border); } .skyeColumn--recommended .sk-field .skyeProduct { border-top-left-radius: 16px; border-top-right-radius: 16px; background-color: #fafafa; } .skyeAttribute--subitem.sk-attr { background: #f6f6f6; margin-bottom: 0; padding: 0 1rem 2rem; } .skyeAttribute--subitem.sk-attr:first-child { padding-top: 2rem; } .skyeAttribute--subitem.sk-attr:last-child { margin-bottom: 2rem; } .skyeField--reducedWidthMedium.skyeAttribute--subitem.sk-attr { width: 100%; } .skyeAttribute--subitemCaret { /* custom selector */ height: 0; width: 0; border: 15px solid transparent; margin: -25px 0 0; border-bottom-color: #f6f6f6; } .skyeAttribute--subitemCaret + .skyeAttribute--subitem { /* custom selector */ padding-top: 1.5rem; } .skyeAttribute--subitem + .sk-attr:not(.skyeAttribute--subitem) { margin-top: 2rem; } .skyeRadioAsButton--yesNo.sk-attr { margin-bottom: 1.5rem; } /* Household related styling */ /* START */ [id*="HouseholdOverviewdataUIDef-FieldsetGroup-TopLevelPackageOverview.skyeProductOverviewColumns"] { margin-top: 2rem !important; } [id*="HouseholdOverviewdataUIDef-FieldsetGroup-TopLevelPackageOverview-PackageOverviewSection"] .skyeProductOverviewColumn .skyeProduct__content { padding-left: 24px; padding-right: 24px; } /* END */ /* Special case for Life calculator */ /* START */ [id*="TermLifeThreePackageUIDef"] .skyeProductOverviewColumn .skyeProduct__content, [id*="TermLifeTwoPackageBasicUIDef"] .skyeProductOverviewColumn .skyeProduct__content, [id*="disabilityInsuranceTwoPackageBasicUIDef"] .skyeProductOverviewColumn .skyeProduct__content, [id*="disabilityInsuranceThreePackageUIDef"] .skyeProductOverviewColumn .skyeProduct__content { padding-left: 24px; padding-right: 24px; } [id*="TermLifeThreePackageUIDef"] .skyeProductOverviewColumn .skyeProduct__content-no-title-margin, [id*="TermLifeTwoPackageBasicUIDef"] .skyeProductOverviewColumn .skyeProduct__content-no-title-margin, [id*="disabilityInsuranceTwoPackageBasicUIDef"] .skyeProductOverviewColumn .skyeProduct__content-no-title-margin, [id*="disabilityInsuranceThreePackageUIDef"] .skyeProductOverviewColumn .skyeProduct__content-no-title-margin { margin-top: 0; } /* END */ /* Car Insurance related styling */ [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] li { list-style-type: none; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] h2 { font-size: 1rem; position: absolute; overflow: hidden; width: 60%; text-overflow: ellipsis; display: flex; height: 80px; align-items: center; text-align: left; padding-right: 10px; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table { width: 100%; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] tbody { display: grid; grid-template-columns: 1.5fr 1fr; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr { height: 60px; background-color: #fff; border-bottom: solid 1px var(--product-overview-list-color); grid-column: span 2; display: grid; grid-template-columns: 1.5fr 1fr; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr td { display: flex; justify-content: center; align-items: center; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr:hover { background-color: var(--product-overview-list-color); } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr:first-child { height: 80px; border-bottom: solid 2px var(--text-default); grid-column: span 2; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr td, [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr th { text-align: center; background-color: var(--product-overview-list-color); color: var(--text-default); font-weight: 500; border: none; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr:first-child th { font-weight: bold; display: flex; justify-content: center; align-items: center; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr th:first-child { text-align: left; background: var(--layout-color); width: 60%; display: flex; align-items: center; } [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr th:last-child { display: flex; justify-content: center; align-items: center; } [id*="AboMotorvehiclePremiumOverviewUIDef-FieldsetGroup2"] #csvDownload { color: var(--color-button-label); cursor: pointer; margin-right: var(--size-cell-bezel); align-items: center; background: var(--product-overview-list-color); border: 2px solid transparent; border-radius: 28px; display: flex; justify-content: center; line-height: 1.3; min-height: 56px; outline: none; padding: var(--size-base) var(--size-medium); } [id*="AboMotorvehiclePremiumOverviewUIDef-FieldsetGroup2"] #csvDownload:hover { border-color: var(--color-button-label); } @media (max-width: 767px) { [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] h2, [id*="AboMotorvehicleProduct-Product-Tables-premiumOverviewTable"] table tr:first-child th { font-size: 0.7rem; } } .skyeProduct__header--recommended .skyeProduct--header-title { color: var(--color-white); font-size: 15px !important; top: 3px; } .sk-progress-bar, .skyePriceBar { background-color: #f9f9f9; } .skyePriceBar .sk-message-content * { margin: 0; } .sk-progress-bar .sk-progress-bar-content { max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-progress-bar .sk-progress-bar-content { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-progress-bar .sk-progress-bar-content { padding: 0 var(--layout-margin-m-min); } } .sk-progress-bar .sk-progress-bar-content { display: flex; flex-flow: row; align-items: center; } .sk-progress-bar .sk-progress-bar-content, .sk-message-content > .skyeSticky { height: 60px; } @media (min-width: 768px) { .sk-progress-bar .sk-progress-bar-content, .sk-message-content > .skyeSticky { height: 80px; } } .sk-progress-bar .sk-step { font-size: 16px; line-height: 1; } @media (min-width: 768px) { .sk-progress-bar .sk-step { font-size: 16px; line-height: 1; } } @media (min-width: 1024px) { .sk-progress-bar .sk-step { font-size: 16px; line-height: 1; } } .sk-progress-bar .sk-step { display: flex; flex: 1 0 0; min-height: 20px; opacity: 0.35; } .sk-progress-bar .sk-step.sk-step--active, .sk-progress-bar .sk-step.sk-step--completed { opacity: 1; } .sk-progress-bar .sk-step .sk-step-item { margin-right: var(--size-tiny); } .sk-progress-bar .sk-step .sk-step-item, .sk-progress-bar .sk-step .sk-step-header { align-self: center; } .sk-progress-bar .sk-step .sk-step-header { display: none; } @media (min-width: 768px) { .sk-progress-bar .sk-step .sk-step-header { display: block; } } .sk-progress-bar .sk-step--active::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--color-skyBlue); margin-right: 12px; align-self: center; } .sk-progress-bar .sk-step--completed::before { font-family: z-icons; font-weight: 400; font-size: 24px; line-height: inherit; font-size: 20px !important; content: var(--icon-z-action-check); color: #428351; margin-right: 10px; } .skye-price-bar__container > span { display: inline-block; } .skye-price-bar__container .sk-button { margin-right: 1rem; } .sk-message-content > .skyeSticky { max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-message-content > .skyeSticky { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-message-content > .skyeSticky { padding: 0 var(--layout-margin-m-min); } } .sk-message-content > .skyeSticky { display: flex; flex-flow: row; flex-direction: row-reverse; align-items: center; margin-top: 3px; } .skyeStickyPackage { text-align: right; } @media (max-width: 767px) { .skyeStickyPackage { font-size: 16px; text-align: left; } } .skyeStickyPackage .skyeStickyPackagePrice { color: var(--color-black); } .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__price { padding-left: 0.15rem; font-size: 28px; font-weight: 700; } @media (max-width: 767px) { .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__price { font-size: 20px; } } .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__period { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__period { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__period { color: grey; } @media (max-width: 767px) { .skyeStickyPackage .skyeStickyPackagePrice .skyeStickyPackagePrice__period { font-size: 16px; } } .sk-reference-box { font-weight: 700; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .sk-reference-box { font-weight: 700; font-size: 20px; line-height: 1.5; } } .sk-reference-box { background-color: var(--color-zurichLightBlue); color: var(--color-reference-box); padding: 1rem 2rem; margin-top: 2rem; margin-bottom: 3rem; border-radius: 28px; width: -moz-fit-content; width: fit-content; font-weight: 700; } .sk-reference-box--not-prominent { @apply --typo-text-default; font-weight: 400; } .skyeReview .sk-field span, .skyeReview .sk-field span h4, .skyeReview .sk-label label { font-size: 16px; line-height: 1; } @media (min-width: 768px) { .skyeReview .sk-field span, .skyeReview .sk-field span h4, .skyeReview .sk-label label { font-size: 16px; line-height: 1; } } @media (min-width: 1024px) { .skyeReview .sk-field span, .skyeReview .sk-field span h4, .skyeReview .sk-label label { font-size: 16px; line-height: 1; } } .skyeReview .sk-field span, .skyeReview .sk-field span h4, .skyeReview .sk-label label { line-height: 1.5; font-weight: 400; } .skyeReview .skyeListLikeTable li { list-style: none; } .skyeReview .skyeListLikeTable li span { display: block; margin-top: 0; margin-bottom: 10px; } .skyeReview .skyeListLikeTable li span:first-child { font-weight: 700; font-size: 14px; color: var(--interactive-linkActive); } .skyeReview .skyeListLikeTable li span:last-child { margin-bottom: 24px; } @media (min-width: 768px) { .skyeReview .skyeListLikeTable { display: flex; flex-wrap: wrap; flex: 1; margin: 0 -1rem; } } @media (min-width: 768px) { .skyeReview .skyeListLikeTable li { width: 33.333%; padding: 1rem; margin-top: 0; } } .skyeReview .skyeListLikeTable li, .skyeReview .skyeListLikeTable li span, .skyeReview .sk-field span ul li { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .skyeReview .skyeListLikeTable li, .skyeReview .skyeListLikeTable li span, .skyeReview .sk-field span ul li { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyeReview .skyeListLikeTable li, .skyeReview .skyeListLikeTable li span, .skyeReview .sk-field span ul li { line-height: 1.5; font-weight: 400; } .skyeReview .sk-field span h4 { font-size: 14px; font-weight: 700; color: var(--interactive-linkActive); } .skyeReview .sk-attr--optional.sk-attr--read { margin-top: 1.5rem; margin-bottom: 0; } .skyeReview .sk-attr--optional.sk-attr--read .sk-label label { font-size: 14px; font-weight: 700; } .skyeReview .sk-attr--optional.sk-attr--read .sk-label label p { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .skyeReview .sk-attr--optional.sk-attr--read .sk-label label p { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyeReview .sk-attr--optional.sk-attr--read .sk-label label p { font-weight: 400; } .skyeReview .skyeSectionTitle--small .sk-button { margin-top: 2.5rem; margin-bottom: 4rem; } .skyeReview .skyeReview__footnote { font-size: 14px !important; } /* Specific for SKYE Valuables flow */ /* START */ #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultbrickBike, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickEBike, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickJewelryAndWatches, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPaintings, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickMusicalInstruments, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPhotoAndFilmEquipment, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickHearingAndOtherAids { margin-top: -3rem; /* MF Step 4 - missing margin on icons */ } #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultbrickBike:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickEBike:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickJewelryAndWatches:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPaintings:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickMusicalInstruments:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPhotoAndFilmEquipment:first-child, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickHearingAndOtherAids:first-child { margin-top: 1rem; } #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultbrickBike .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickEBike .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickJewelryAndWatches .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPaintings .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickMusicalInstruments .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickPhotoAndFilmEquipment .sk-error-html ul, #sk-ValuablesReviewDataUIDef-FieldsetGroup1-InsuranceInformation-SummaryMultibrickHearingAndOtherAids .sk-error-html ul { position: relative; bottom: 1.5rem; } /* END */ .sk-slider-bar { width: 100%; height: 110px; padding: 30px; border-radius: 20px; background: #edeef0; } @media (min-width: 768px) { .sk-slider-bar { width: 50%; } } .rc-slider { position: relative; height: 14px; padding: 5px 0; width: 100%; border-radius: 6px; touch-action: none; } .rc-slider, .rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-rail { width: 100%; background-color: #e9e9e9; } .rc-slider-rail, .rc-slider-track { position: absolute; height: 4px; border-radius: 6px; top: 3px; } .rc-slider-track { left: 0; background-color: #abe2fb; } .rc-slider-handle { position: absolute; width: 14px; height: 14px; cursor: pointer; cursor: -webkit-grab; margin-top: -5px; cursor: grab; border-radius: 50%; border: 2px solid #96dbfa; background-color: #fff; touch-action: pan-x; } .rc-slider-handle:focus { border-color: #57c5f7; box-shadow: 0 0 0 5px #96dbfa; outline: none; } .rc-slider-handle-click-focused:focus { border-color: #96dbfa; box-shadow: unset; } .rc-slider-handle:hover { border-color: #57c5f7; } .rc-slider-handle:active { border-color: #57c5f7; box-shadow: 0 0 5px #57c5f7; cursor: grabbing; } .rc-slider-mark { position: absolute; top: 18px; left: 0; width: 100%; font-size: 12px; } .rc-slider-mark-text { position: absolute; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #999; } .rc-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; } .rc-slider-dot { position: absolute; bottom: -2px; margin-left: -4px; width: 8px; height: 8px; border: 2px solid #e9e9e9; background-color: #fff; cursor: pointer; border-radius: 50%; vertical-align: middle; } .rc-slider-dot-active { border-color: #96dbfa; } .rc-slider-dot-reverse { margin-left: 0; margin-right: -4px; } .rc-slider-disabled { background-color: #e9e9e9; } .rc-slider-disabled .rc-slider-track { background-color: #ccc; } .rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle { border-color: #ccc; box-shadow: none; background-color: #fff; cursor: not-allowed; } .rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text { cursor: not-allowed !important; } .rc-slider-vertical { width: 14px; height: 100%; padding: 0 5px; } .rc-slider-vertical .rc-slider-rail { height: 100%; width: 4px; } .rc-slider-vertical .rc-slider-track { left: 5px; bottom: 0; width: 4px; } .rc-slider-vertical .rc-slider-handle { margin-left: -5px; touch-action: pan-y; } .rc-slider-vertical .rc-slider-mark { top: 0; left: 18px; height: 100%; } .rc-slider-vertical .rc-slider-step { height: 100%; width: 4px; } .rc-slider-vertical .rc-slider-dot { left: 2px; margin-bottom: -4px; } .rc-slider-vertical .rc-slider-dot:first-child, .rc-slider-vertical .rc-slider-dot:last-child { margin-bottom: -4px; } .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-leave { animation-duration: 0.3s; animation-fill-mode: both; display: block !important; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active, .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active { animation-name: rcSliderTooltipZoomDownIn; animation-play-state: running; } .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { animation-name: rcSliderTooltipZoomDownOut; animation-play-state: running; } .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter { transform: scale(0); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .rc-slider-tooltip-zoom-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes rcSliderTooltipZoomDownIn { 0% { opacity: 0; transform-origin: 50% 100%; transform: scale(0); } to { transform-origin: 50% 100%; transform: scale(1); } } @keyframes rcSliderTooltipZoomDownOut { 0% { transform-origin: 50% 100%; transform: scale(1); } to { opacity: 0; transform-origin: 50% 100%; transform: scale(0); } } .rc-slider-tooltip { position: absolute; left: -9999px; top: -9999px; visibility: visible; } .rc-slider-tooltip, .rc-slider-tooltip * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-tooltip-hidden { display: none; } .rc-slider-tooltip-placement-top { padding: 4px 0 8px; } .rc-slider-tooltip-inner { padding: 6px 2px; min-width: 24px; height: 24px; font-size: 12px; line-height: 1; color: #fff; text-align: center; text-decoration: none; background-color: #6c6c6c; border-radius: 6px; box-shadow: 0 0 4px #d9d9d9; } .rc-slider-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { bottom: 4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #6c6c6c; } .sk-slider .sk-field input { visibility: hidden; position: absolute; top: 0; margin-top: -50px; } .sk-slider .sk-slider-bar { position: relative; padding-bottom: 30px; } .sk-slider .sk-slider-value { margin-top: -30px; font-size: 0.8rem; font-weight: 700; color: var(--text-default); white-space: nowrap; transition: all 0.2s ease-in; } .sk-slider .rc-slider { margin-top: 20px; } .sk-slider .rc-slider .rc-slider-track { height: 8px; top: 50%; transform: translateY(-50%); background-color: var(--brand-primary); } .sk-slider .rc-slider .rc-slider-rail { height: 8px; background-color: #c9c9c9; } .sk-slider .rc-slider .rc-slider-handle { display: flex; justify-content: center; height: 24px; width: 24px; margin-top: -10px; margin-left: 0; border-radius: 50%; border: none; background-color: var(--brand-primary); transition: all 0.2s ease; } .sk-slider .rc-slider .rc-slider-handle:after { position: absolute; top: 50%; content: ""; opacity: 0.08; transition: all 0.2s ease; width: 14px; height: 14px; border-radius: 50%; transform: translateY(-50%) scale(0); background-color: var(--brand-primary); } .sk-slider .rc-slider .rc-slider-handle:hover::after { transform: translateY(-50%) scale(2.8); } .sk-slider .rc-slider .rc-slider-handle .icon-loading { position: absolute; top: -5px; color: #cde8ec; opacity: 0.5; font-size: 3rem; } .sk-slider .rc-slider .rc-slider-step { height: 10px; } .sk-slider .rc-slider .rc-slider-dot { display: none; } .sk-slider .rc-slider .rc-slider-dot-active { border: 2px solid #ff4500; } .sk-slider .rc-slider .sk-slider-overlay { font-weight: 600; width: 50px; margin-left: -8px; } .sk-slider .rc-slider .rc-slider-mark { top: 13px; } .sk-slider .rc-slider .rc-slider-mark .rc-slider-mark-text:first-child { left: 30px !important; } .sk-slider .rc-slider .rc-slider-mark .rc-slider-mark-text:last-child { left: auto !important; right: -32px; } .sk-slider .rc-slider .rc-slider-mark .rc-slider-mark-text { top: 10px; font-size: 0.7rem; white-space: nowrap; } .sk-slider .rc-slider.rc-slider-disabled { background-color: transparent; } .sk-slider[data-disabled="true"] .rc-slider-handle, .sk-slider[data-disabled="true"] .rc-slider-rail, .sk-slider[data-disabled="true"] .rc-slider-track { background-color: #c6c6c6; } .sk-slider[data-disabled="true"] .rc-slider-handle .sk-slider-value, .sk-slider[data-disabled="true"] .rc-slider-mark .rc-slider-mark-text { color: #c6c6c6; } .sk-slider-label { position: absolute; left: calc(50% - 0.5em); } .sk-attr.sk-slider.sk-attr--loading .sk-field::before { display: none !important; } .sk-skeleton { background-color: transparent; max-width: 120rem; width: 100%; padding: 0 var(--layout-margin-base); margin: 0 auto; } @media (min-width: 768px) { .sk-skeleton { padding: 0 var(--layout-margin-s-min); } } @media (min-width: 1024px) { .sk-skeleton { padding: 0 var(--layout-margin-m-min); } } .sk-skeleton .horiz { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .sk-skeleton h1, .sk-skeleton h2, .sk-skeleton h3, .sk-skeleton li, .sk-skeleton p, .sk-skeleton section, .sk-skeleton table, .sk-skeleton td, .sk-skeleton th { background-color: #d3d3d3; opacity: 0.5; height: 3rem; margin-bottom: 15px; } .sk-skeleton .input, .sk-skeleton .label, .sk-skeleton h1, .sk-skeleton h2, .sk-skeleton h3, .sk-skeleton li, .sk-skeleton p, .sk-skeleton section, .sk-skeleton table, .sk-skeleton td, .sk-skeleton th { border-radius: 2px; } .sk-skeleton h1 { width: 100%; } .sk-skeleton h2 { width: 100%; } .sk-skeleton h3 { width: 100%; } .sk-skeleton p { width: 98%; height: 1.6rem; } .sk-skeleton .input-wrapper { width: 46%; margin: 2% 0; } .sk-skeleton .input-wrapper .label { width: 33%; height: 1.4rem; margin-bottom: 0.5rem; background-color: #d3d3d3; } .sk-skeleton .input-wrapper .input { width: 100%; height: 4rem; border: 2px solid #dbdbdb; background-color: #d3d3d3; } .sk-skeleton section { height: 12rem; width: 49%; margin-bottom: 15px; } .sk-skeleton .carousel section { width: 100%; height: 12rem; } .sk-skeleton section.big { width: 100%; height: 16rem; } .sk-skeleton section.floated { display: flex; flex-wrap: wrap; } .sk-skeleton section.floated > section { width: 28%; margin: 1%; } .sk-skeleton section.floated > section:nth-child(2) { width: 68%; } .sk-skeleton section.floated > p { margin: 0 1%; } .sk-skeleton ul { display: flex; flex-direction: row; justify-content: flex-start; margin-left: 0; padding: 0; border-bottom: 2px solid #ddd; list-style: none; } .sk-skeleton ul li { width: 12%; padding: 10px; height: 4rem; margin-right: 5px; margin-bottom: 1px; } .sk-skeleton ul li:first-child { background-color: #bbb; } .sk-skeleton .carousel { position: relative; } .sk-skeleton .carousel span { position: absolute; top: 2rem; background-color: #999; width: 30px; height: 60px; } .sk-skeleton .prod-select { position: relative; } .sk-skeleton .prod-select span { position: absolute; top: 32px; background-color: #999; width: 30px; height: 50px; } .sk-skeleton .carousel span:first-child { left: 0; } .sk-skeleton .carousel span:nth-child(2) { right: 0; } .sk-skeleton .prod-select span:first-child { left: 0; } .sk-skeleton .prod-select span:nth-child(2) { right: 0; } .sk-skeleton .prod-select section { width: 32%; height: 10rem; } .sk-skeleton .html > section { width: 100%; height: 15rem; background-color: transparent; border: 2px solid #eee; } .sk-skeleton table { width: 100%; height: 12rem; margin: 15px 0; } .sk-skeleton table th { background-color: #bbb; margin: 5px; height: 2rem; } .sk-skeleton table td { background-color: #eee; margin: 5px; height: 2rem; } .sk-skeleton button { background-color: #eee; margin: 25px 5px 5px; height: 3rem; width: 150px; } .sk-skeleton[data-type="AUTH_CONTAINER"] { width: 100%; min-height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .sk-skeleton[data-type="AUTH_CONTAINER"] .sk-skeleton-content { display: none; } .sk-skeleton[data-type="AUTH_CONTAINER"] .horiz { justify-content: center; } .sk-skeleton[data-type="AUTH_CONTAINER"] .input-wrapper { width: 100%; } .sk-skeleton[data-type="PROCESS"], .sk-skeleton[data-type="ZONE"] { padding: 0; background: transparent; } .sk-skeleton[data-type="PROCESS"] .sk-skeleton, .sk-skeleton[data-type="ZONE"] .sk-skeleton { padding: 15px 0; margin-bottom: 0; background-color: #fff; } .animate-bg { animation: bgcolorchange 4s infinite; opacity: 0.5; } @keyframes bgcolorchange { 0% { color: #f2f2f2; } 25% { background: #d3d3d3; } 50% { background: #f2f2f2; } 75% { background: #d3d3d3; } to { background-color: #f2f2f2; } } :root { --spinner-size: 50; --spinner-border-width: 5px; } .sk-spinner { position: absolute; overflow: hidden; left: 50%; margin-left: calc(var(--spinner-size) * -1px / 2); animation: outer-rotate 2.91667s linear infinite; z-index: 15; } .sk-spinner[data-full-page="true"] { display: flex; align-items: center; justify-content: center; height: 100vh; } .sk-spinner .sk-spinner-inner { width: calc(var(--spinner-size) * 1px); height: calc(var(--spinner-size) * 1px); position: relative; animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; } .sk-spinner .sk-spinner-inner .sk-spinner-gap { position: absolute; left: calc((var(--spinner-size) / 2 - 1) * 1px); right: calc((var(--spinner-size) / 2 - 1) * 1px); top: 0; bottom: 0; border-top: var(--spinner-border-width) solid; box-sizing: border-box; } .sk-spinner .sk-spinner-inner .sk-spinner-left, .sk-spinner .sk-spinner-inner .sk-spinner-right { position: absolute; top: 0; height: calc(var(--spinner-size) * 1px); width: calc(var(--spinner-size) / 2 * 1px); overflow: hidden; } .sk-spinner .sk-spinner-inner .sk-spinner-left .sk-spinner-half-circle, .sk-spinner .sk-spinner-inner .sk-spinner-right .sk-spinner-half-circle { position: absolute; top: 0; width: calc(var(--spinner-size) * 1px); height: calc(var(--spinner-size) * 1px); box-sizing: border-box; border: var(--spinner-border-width) solid var(--brand-primaryDark); border-bottom-color: transparent; border-radius: 50%; } .sk-spinner .sk-spinner-inner .sk-spinner-left { left: 0; } .sk-spinner .sk-spinner-inner .sk-spinner-left .sk-spinner-half-circle { left: 0; border-right-color: transparent; animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; } .sk-spinner .sk-spinner-inner .sk-spinner-right { right: 0; } .sk-spinner .sk-spinner-inner .sk-spinner-right .sk-spinner-half-circle { right: 0; border-left-color: transparent; animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; } @keyframes outer-rotate { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } @keyframes left-wobble { 0%, to { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } } @keyframes right-wobble { 0%, to { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } } @keyframes sporadic-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(3turn); } } .skyeTable { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { .skyeTable { font-family: VWTextWeb-Regular, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.5; } } .skyeTable { width: 100%; margin: 0 -1rem; display: table; } .skyeTable td { width: 20%; padding: 0.5rem 1rem; vertical-align: top; } .skyeTable td strong, .skyeTable td b { font-size: 14px !important; font-weight: 700 !important; color: var(--interactive-linkActive); } .sk-uigroup-header, .sk-uigroup-item-header, .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item.skyeSectionTitle--small > .sk-uigroup-item-header { font-weight: 400; font-size: 24px; line-height: 1.4; } @media (min-width: 768px) { .sk-uigroup-header, .sk-uigroup-item-header, .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item.skyeSectionTitle--small > .sk-uigroup-item-header { font-weight: 400; font-size: 24px; line-height: 1.4; } } @media (min-width: 1024px) { .sk-uigroup-header, .sk-uigroup-item-header, .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item.skyeSectionTitle--small > .sk-uigroup-item-header { font-weight: 400; font-size: 28px; line-height: 1.2; } } .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header { font-weight: 400; font-size: 28px; line-height: 1.3; } @media (min-width: 768px) { .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header { font-weight: 400; font-size: 28px; line-height: 1.3; } } @media (min-width: 1024px) { .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header { font-weight: 400; font-size: 36px; line-height: 1.2; } } .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header { display: inline-block; margin-top: var(--size-giant); } .skyeFieldset-content--reducedSpacing .sk-fieldset > .sk-uigroup-content > .sk-uigroup-item > .sk-uigroup-item-header { margin-top: var(--size-medium); } .sk-root-header, .sk-uigroup-header, .sk-uigroup-item-header { margin-bottom: var(--size-medium); } .sk-uigroup-item .sk-uigroup-item-header { margin-top: var(--size-medium); } .sk-field h4 { padding-bottom: var(--size-base); } /* Special case for HH configurator */ label[for="HouseholdProduct-Messages-overViewCoversHh"], label[for="HouseholdProduct-Messages-overViewCoversPh"], label[for="HouseholdProduct-Messages-overViewCoversFh"], label[for="HouseholdProduct-Messages-overViewCoversBu"] { font-weight: 400; font-size: 24px; line-height: 1.4; } @media (min-width: 768px) { label[for="HouseholdProduct-Messages-overViewCoversHh"], label[for="HouseholdProduct-Messages-overViewCoversPh"], label[for="HouseholdProduct-Messages-overViewCoversFh"], label[for="HouseholdProduct-Messages-overViewCoversBu"] { font-weight: 400; font-size: 24px; line-height: 1.4; } } @media (min-width: 1024px) { label[for="HouseholdProduct-Messages-overViewCoversHh"], label[for="HouseholdProduct-Messages-overViewCoversPh"], label[for="HouseholdProduct-Messages-overViewCoversFh"], label[for="HouseholdProduct-Messages-overViewCoversBu"] { font-weight: 400; font-size: 28px; line-height: 1.2; } } label[for="HouseholdProduct-Messages-overViewCoversHh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversPh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversFh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversBu"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversHh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversPh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversFh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversBu"] .sk-modal-icon { position: relative; top: -3px; } @media (min-width: 768px) { label[for="HouseholdProduct-Messages-overViewCoversHh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversPh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversFh"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversBu"] .sk-info, label[for="HouseholdProduct-Messages-overViewCoversHh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversPh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversFh"] .sk-modal-icon, label[for="HouseholdProduct-Messages-overViewCoversBu"] .sk-modal-icon { top: -6px; } } label[for="HouseholdProduct-Messages-overViewCoversPh"], label[for="HouseholdProduct-Messages-overViewCoversFh"] { margin-top: var(--size-huge); } /* Special case for Life calculator */ /* START */ #sk-3aLife-Product-productStrategyMessage h2, #sk-vestedBenefitsAccount-Product-productStrategyMessage h2 { font-weight: 400; font-size: 28px; line-height: 1.3; } @media (min-width: 768px) { #sk-3aLife-Product-productStrategyMessage h2, #sk-vestedBenefitsAccount-Product-productStrategyMessage h2 { font-weight: 400; font-size: 28px; line-height: 1.3; } } @media (min-width: 1024px) { #sk-3aLife-Product-productStrategyMessage h2, #sk-vestedBenefitsAccount-Product-productStrategyMessage h2 { font-weight: 400; font-size: 36px; line-height: 1.2; } } #sk-3aLife-Product-productStrategyMessage h2, #sk-vestedBenefitsAccount-Product-productStrategyMessage h2 { display: inline-block; margin-top: var(--size-giant); } #sk-collectiveLife-Messages-overViewInfo h3 { margin-bottom: 1rem; } #sk-root-providentFundProcess-rootContent #sk-BasicUIDefinition { display: none; } #sk-providentFundRiskDataUIDef-FieldsetGroup-Fieldset1-OnlineConditions-Fieldset2 .sk-uigroup-item-header { margin-bottom: 0; } #sk-providentFund-Messages-onlineConditionsMessage h3 { font-weight: 400; font-size: 18px; line-height: 1.5; } @media (min-width: 1024px) { #sk-providentFund-Messages-onlineConditionsMessage h3 { font-weight: 400; font-size: 20px; line-height: 1.5; } } /* END */ .__react_component_tooltip { display: none !important; pointer-events: auto !important; } .__react_component_tooltip::before, .__react_component_tooltip::after { display: none; } .__react_component_tooltip a { color: var(--brand-primary); } .__react_component_tooltip.place-top, .__react_component_tooltip.place-right, .__react_component_tooltip.place-bottom, .__react_component_tooltip.place-left, .__react_component_tooltip.show { opacity: 1 !important; margin: 0px !important; } /* Tooltip is shown as a container inside DOM (more like a modal) */ .js-sk-info-text--show .__react_component_tooltip { display: block !important; margin: 18px 0 18px 0 !important; } /* * According to requirements the file upload should look like styled in plain browser css * Because there is a chunk of css loaded with styles for file uploader * we need to force overwrite all of them with important statements */ .sk-upload .sk-upload-content { display: initial !important; flex-direction: row !important; } .sk-upload .sk-upload-dropzone { background-color: initial !important; border-color: initial !important; border-radius: initial !important; border-style: none !important; border-width: initial !important; flex-direction: row !important; justify-content: flex-start !important; min-height: initial !important; } .sk-upload .sk-upload-header { align-items: initial !important; display: initial !important; flex-direction: row !important; justify-content: initial !important; padding: initial !important; } .sk-upload .sk-upload-header span { font-weight: initial !important; margin: initial !important; text-align: initial !important; } .sk-upload .sk-upload-dropzone { background-color: initial !important; border-color: initial !important; border-radius: initial !important; border-style: initial !important; border-width: initial !important; flex-direction: row; justify-content: initial !important; min-height: initial !important; } .sk-upload .sk-file .sk-file-size { color: #0074d9 !important; display: initial !important; font-size: initial !important; font-weight: initial !important; line-height: initial !important; white-space: initial !important; } .sk-upload .sk-file .sk-file-preview { align-items: initial !important; display: initial !important; justify-content: initial !important; padding: initial !important; width: initial !important; } .sk-upload .sk-file .sk-file-info { align-items: initial !important; background-color: initial !important; border: initial !important; border-radius: initial !important; color: #0074d9 !important; display: initial !important; flex-grow: initial !important; justify-content: initial !important; overflow: initial !important; padding: initial !important; position: initial !important; text-decoration: initial !important; z-index: initial !important; } .sk-upload .sk-file { align-items: center !important; display: flex !important; justify-content: flex-start !important; position: relative !important; line-height: 1; } .sk-upload .sk-file:last-child { margin: 0 !important; } .sk-upload .sk-file a.sk-file-actions { color: #0074d9 !important; padding: initial !important; position: relative !important; bottom: 3px !important; } .sk-upload .sk-file .sk-file-info > span { display: inline-block; } .u-margin-1 { margin-top: 1rem; } .u-margin-2 { margin-top: 2rem; } .u-margin-3 { margin-top: 3rem; } .u-margin-4 { margin-top: 4rem; } .u-margin-5 { margin-top: 5rem; } .u-margin-bottom-1 { margin-bottom: 1rem; } .u-margin-bottom-2 { margin-bottom: 2rem; } .u-margin-bottom-3 { margin-bottom: 3rem; } .u-margin-bottom-4 { margin-bottom: 4rem; } .u-margin-bottom-5 { margin-bottom: 5rem; } /* UAT watermark */ .sk-uat .sk-process-form { /* background: url("./uat-watermark.png"); background-repeat: repeat; uncomment to test locally */ background: #ffffff url(uat-watermark.png) repeat left top; }